资源描述：
《jquery基础学习笔记》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、1.jQuery基础1.1如果你了解JavaScript语言，那将对你掌握jQuery如虎添翼，因为jQuery本身就是JavaScript，只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库！例如，我们想改变页面中所有段落标签中的文本内容：javaScript代码：jQuery代码：以上两段代码完成的功能是一样的。由此可以看出，jQuery更加的简洁方便，我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中
2、的()不一定是指定元素，也可能是函数。在jQuery中$()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。2.jQuery基础选择器2.1#id选择器(使用身份证号来找人)jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素，就可以使用如下格式的选择器：$("#my_id")其中#my_id表示根据id选择器获取页面中指定的标签元素，且返回唯一一个元素。例如：在浏览器中显示的效果：从图中可以看出，通过#id选择器的方式获取元素，并在元素中调用html()方法为i
3、d="divtest"的
元素设置了文字显示在页面中。此外，html()方法的功能是设置或获取元素中显示的内容，针对该方法我们在后面的章节中会有详细介绍。2.2element选择器(寻找铅笔)在文具盒中，有铅笔、钢笔和水彩笔，类似于页面中的
、
各个元素，虽然同属于一个容器，但有各自的功能，jQuery中可以根据元素名查找元素，格式如下：$(“element”)其中element就是元素的名称，也就是工具盒中的笔的名称，找到水彩笔，我们就可画画了，通过元素名找到元素就可以对它进行操作了。如下图所示：在页面中，根据元素名找到了一个元素，并将它显示的字体4、加粗。在浏览器中显示的效果：从上面图中可以看出，根据元素的名称可以查找到该元素，并调用css()方法将设置该元素内容中文字显示的样式。此外，css()方法的功能是设置或获取元素的某项样式属性，它的更多功能我们将在后续的章节中有详细的介绍。$("button").attr("disabled","true");attr()方法的功能是设置或获取元素的某项属性值。2.3class选择器(寻找红色铅笔)我们在上一小节介绍了通过使用元素名称查询元素的方法，其实，还可以通过元素的类别属性查找元素，就好比在文具盒中要找一个“红色”铅笔一样，根据元素的某个特征进行查找，它的调用格式如下：$
5、(“.class”)其中.class参数表示元素的CSS类别(类选择器)名称。例如，在页面中，通过class选择器获取某个元素，并显示该元素的class类别名称，如下图所示：在浏览器中显示的效果：从图中可以看出，通过class选择器的方式获取元素，并调用元素的attr()方法获取元素的类别名称，并将名称显示在页面中。2.4*选择器(取走全部铅笔)有一个非常“牛”的选择器，“*”号选择器，它的功能是获取页面中的全部元素，“全部”啊!包括
、、
