JQuery的使用

$和jQuery

jQuery文件就是一个自执行函数，也就是自执行文件，这个自执行文件就是给window对象添加一个jQuery属性和$属性，$参数传递不同，效果也不同，如果参数传递的是一个匿名函数，那$就是一个入口函数。 例：$(function() {});

如果参数传递的是一个字符串，那$就是一个选择器或是创建标签。

例：$("#test1")

例：$('<div>略略略</div>')

引入JQuery文件的方法：本地引入：从官网下载jQuery文件，放到js文件中，再进行引用。

有两种版本：

jquery.js：未压缩版本（开发版本），代码可读性高，推荐在开发和学习阶段使用，方便查看源代码。

jquery.min.js：压缩版本，去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符，基本没有可读性，推荐在项目生产环境使用，因为文件较小，减少网络压力。

jQuery特性

隐式迭代：jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了

链式编程：在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法来(选择器-方法-选择器-方法)；

jQuery选择器

jQuery的选择方法与原生JS中的querySelector很像，大致格式为：

id选择器：$("#id名称") 例：$("#test1")

类选择器：$(".class名称") 例：$(".c1")

标签选择器：$("标签") 例：$("p")

属性选择器
 选择所有 有name名称的标签：$("标签[name]") 例：$("div[name]")
 选择所有name名称为X的标签：$("标签[name='X']") 例：$("div[name='p1']")
 选择所有name名称不是X的标签：$("标签[name!='X']") 例：$("div[name!='p1']")
 选择所有name名称以X开头的标签 ：$("标签[name^='X']") 例：$("div[name^='en']")
 选择所有name名称以X结尾的标签 ：$("标签[name$='X']") 例：$("div[name$='html']")
 选择所有name名称中含有X的标签 ：$("标签[name*='X']") 例：$("div[name*='o']")