认识jQuery
为了避免又要写事件函数,又要为每个组件加入事件控制,文件的上下滚动麻烦,因此可以使用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