全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
794 7
2019-05-11
  常用事件处理过程: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
二维码

扫码加我 拉你入群

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

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

全部回复
2019-5-11 10:21:55
二维码

扫码加我 拉你入群

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

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

2019-5-11 11:10:32
很不错,细细地读,能学到很多的知识,谢谢。为您点赞!
二维码

扫码加我 拉你入群

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

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

2019-5-11 13:05:35
点赞
二维码

扫码加我 拉你入群

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

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

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的组件
二维码

扫码加我 拉你入群

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

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

2019-5-11 13:37:06
btn.addEventListener("click", sum);   //为btn按钮添加注册click事件的处理函数
这样,不需要在btn上添加触发事件了,非常省事。
二维码

扫码加我 拉你入群

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

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

点击查看更多内容…
相关推荐
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群