JQuery剑走偏锋,比其它框架厉害之处在于,它名字中有一个Query,它是一个查询器,它的查询器功能太强大了。
jQuery的方法分为两部分,一部分是静态方法,调用方式为:jQuery.xxx();;第二部分是实例方法,先使用$('p')这样的选择器选中对象,再对对象进行操作的方法。
jQuery可以实现JS代码与HTML代码的分离。比如<form id="f1" onsubmit="return formSubmit()">这串代码就是JS代码与HTML混在一起的,而在jQuery中,我们可以把把JS单独写一个文件,$("f1").submit(function(){//代码内容});而HTML页面中,直接使用<form id="f1">即可。
jQuery的运行
//首先放到一个$(document).ready(fn);中,表示页面加载完毕,也宣告了脚本触发的时间
$(document).ready(function(){
//页面加载后,直接执行
alert("111");
//对对象进行操作,当表单提交时执行
$("myForm").submit(function(){
alert("1212");
});
});
jQuery选择器
1、特殊对象的选择
$(document),文档对象
2、$("p") 选择所有的<p>标签。
3、$("#p") 选择CSS样式中所有id为p的标签,如<span id="p"></span>
4、$("div > p") 选择div标签下面的p标签
5、$("<div><p>111</p></div>") 这是创建了一个新对象,并选择它,可以使用appendTo这样的方法,把它加到其它标签上。