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这样的方法,把它加到其它标签上。

03-15 02:39