为了避免又要写事件函数,又要为每个组件加入事件控制,文件的上下滚动麻烦,因此可以使用addEventListener()函数注册事件的处理函数。 btn.addEventListener("click", sum); //为btn按钮添加注册click事件的处理函数 这样,不需要在btn上添加触发事件了,非常省事。 若想addEventListener在网页加载时就执行,只要将函数指定在window的onload事件中触发即可 window.onload = function(){ btn.addEventListener("click", sum); } 按钮btn的标记上,不需要添加onclick事件了。
一套开放源代码的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
必须等到浏览器加载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
请注明:姓名-公司-职位
以便审核进群资格,未注明则拒绝