楼主: HappyAndy_Lo
614 7

[学习笔记] 【学习笔记】HTML5&CSS3-充实笔记0511 [推广有奖]

  • 51关注
  • 7粉丝

大师

17%

还不是VIP/贵宾

-

威望
1
论坛币
84520 个
通用积分
11312.4871
学术水平
666 点
热心指数
821 点
信用等级
732 点
经验
398874 点
帖子
16369
精华
0
在线时间
3321 小时
注册时间
2016-7-9
最后登录
2024-6-4

+2 论坛币
k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群
赵安豆老师微信:zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

感谢您参与论坛问题回答

经管之家送您两个论坛币!

+2 论坛币
  常用事件处理过程:onClick / onMouseOver / onMouseOut / onLoad / onUnload / onError / onAbort / onFocus / onBlur / onSelect / onChange / onReset / onSubmit 等

为了避免又要写事件函数,又要为每个组件加入事件控制,文件的上下滚动麻烦,因此可以使用addEventListener()函数注册事件的处理函数。

btn.addEventListener("click", sum);   //为btn按钮添加注册click事件的处理函数
这样,不需要在btn上添加触发事件了,非常省事。

若想addEventListener在网页加载时就执行,只要将函数指定在window的onload事件中触发即可
window.onload = function(){   btn.addEventListener("click", sum); }
按钮btn的标记上,不需要添加onclick事件了。

认识jQuery
一套开放源代码的Javascript函数库,简化了DOM的操作,可轻松选择对象,以简洁的程序完成想做的事情。还可以通过jQuery指定CSS属性值,达到想要的特效或动画效果
网址:  http://jquery.com
将js文件加入网页<head>标记间:
<script type="text/javascript" src="js文件路径" > </script>

CDN网址在http://jquery.com的首页底部,js文件路径可以带这个CDN网站路径

jQuery基本架构
必须等到浏览器加载HTML的DOM对象之后才能执行,可以通过ready()方法来确认DOM是否已全部加载
jQuery(document).ready(function(){
   .....  //程序代码

});
也可以用代替jQuery字符串代替jQuery字符串(对象).方法(function(){});  这里的function(){}是匿名函数

jQuery的基本语法:   $(选择器).操作()

     ("p").hide();      找到HTML中所有的<p>对象且隐藏起来。

jQuery选择器:  1)标记名称选择器;  2)id选择器(#);3)class选择器(.)
例如:("p").hide();      找到HTML中所有的<p>对象且隐藏起来。  jQuery选择器:  1)标记名称选择器;  2)id选择器(#);3)class选择器(.) 例如:("#test")   就是选择id属性为test的组件
           $(".test")选择class属性为test的组件

组件不能有重复id
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

关键词:HTML5 HTML htm Javascript listener

回帖推荐

珍惜点滴 发表于8楼  查看完整内容

感谢分享,向您学习,赞!

充实每一天 发表于4楼  查看完整内容

点赞

sulight 发表于5楼  查看完整内容

jQuery选择器: 1)标记名称选择器; 2)id选择器(#);3)class选择器(.) 例如:("p").hide(); 找到HTML中所有的对象且隐藏起来。 jQuery选择器: 1)标记名称选择器; 2)id选择器(#);3)class选择器(.) 例如:("#test") 就是选择id属性为test的组件 $(".test")选择class属性为test的组件

jessie68us 发表于3楼  查看完整内容

很不错,细细地读,能学到很多的知识,谢谢。为您点赞!
已有 1 人评分论坛币 学术水平 热心指数 信用等级 收起 理由
经管之家编辑部 + 100 + 3 + 3 + 3 精彩帖子

总评分: 论坛币 + 100  学术水平 + 3  热心指数 + 3  信用等级 + 3   查看全部评分

本帖被以下文库推荐

沙发
albertwishedu 发表于 2019-5-11 10:21:55 |只看作者 |坛友微信交流群

使用道具

藤椅
jessie68us 发表于 2019-5-11 11:10:32 |只看作者 |坛友微信交流群
很不错,细细地读,能学到很多的知识,谢谢。为您点赞!

使用道具

板凳
充实每一天 发表于 2019-5-11 13:05:35 来自手机 |只看作者 |坛友微信交流群
点赞

使用道具

报纸
sulight 学生认证  发表于 2019-5-11 13:33:36 |只看作者 |坛友微信交流群
jQuery选择器:  1)标记名称选择器;  2)id选择器(#);3)class选择器(.)
例如:("p").hide();      找到HTML中所有的<p>对象且隐藏起来。  jQuery选择器:  1)标记名称选择器;  2)id选择器(#);3)class选择器(.) 例如:("#test")   就是选择id属性为test的组件
           $(".test")选择class属性为test的组件

使用道具

地板
苏亮480 发表于 2019-5-11 13:37:06 |只看作者 |坛友微信交流群
btn.addEventListener("click", sum);   //为btn按钮添加注册click事件的处理函数
这样,不需要在btn上添加触发事件了,非常省事。

使用道具

7
从1万到一亿 在职认证  发表于 2019-5-11 16:47:44 |只看作者 |坛友微信交流群

使用道具

8
珍惜点滴 学生认证  发表于 2019-5-11 18:00:37 |只看作者 |坛友微信交流群
感谢分享,向您学习,赞!

使用道具

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
加JingGuanBbs
拉您进交流群

京ICP备16021002-2号 京B2-20170662号 京公网安备 11010802022788号 论坛法律顾问:王进律师 知识产权保护声明   免责及隐私声明

GMT+8, 2024-6-5 06:21