jQuery学习

1.jQuery是JavaScript的一个库函数。

2.开发步骤：
1）.静态web工程，导入jQuery库
2）在$(function(){  })的{  }中编写jQuery代码。
<script type="text/javascript" src=""></script>
<script type="text/javascript">
//$(function(){})相当于window.onload,代码写在{}之间
$(function(){
//1.选取button:   $("button")
//2.位button添加onclick响应函数:  $("button").click(function(){   })
//代码写在function的大括号中
$("button").click(function(){
   3.弹出
alter("helloworld");
})
})

</script>

3.jQuery对象：

就是通过jQuery($())包装DOM对象后产生的对象，jQuery对象无法使用DOM对象的任何方法，DOM也无法使用jQuery里的任何方法

jQuery对象是一个数组对象.可以通过[index]的方法得到对应的DOM对象，可以通过数组的下标来转换为DOM对象，$btn[1].firstChild.nodeValue；
由DOM对象转为jQuery对象：1）选取一个DOM对象2)把DOM 对象转为一jQuery对象，使用$()进行包装

4.jQuery选择器：

在jQuery中，对事件处理，遍历DOM和Ajax操作都依赖于选择器（1.简洁的写法2.完善的事件处理机制）

1）基本选择器：它通过id，class和标签名来查找DOM元素（在网页中id只能使用一次，class允许重复使用）
2）层次选择器：通过DOM元素之间的层次关系来获取特定元素
3）过滤选择器：主要通过特定的过滤规则来筛选所需的DOM元素，都以“：”开头
a.基本过滤选择器：“：first”，“：last”，等
b.内容过滤选择器：主要体现在它所包含的子元素和文本内容上：“：contains(text)”，“：empty”，“：has(selector)”，“：parent”
c.可见性过滤选择器：根据元素的可见和不可见状态来选择相应的元素：hidden，visible
d.属性过滤选择器：通过元素的属性来获取相应的元素：[ ]
e.子元素过滤选择器;":nth-child",":first-child",":last-child",":only-child",(选择子元素需要在选择器前添加一个空格)
f.表单对象属性过滤选择器：“:enable”，“:disable”，“:checked”，“:selected”(jQuery对象遍历的方式是使用each，在each内部的this是正在得到的DOM对象，而不是一个jQuery对象)

4）表单选择器：“:input”，“:text”，“:password”，“:radio”，“:checkbox”，“:submit”，“:image”，“:reset”，“:button”，":file",":hidden"

5.jQuery对象的几个方法：
1）.val()：获取或者设置表单元素的value属性值
//设置值：$(":text:enable").val("尚硅谷")
//或者值：$(":text:enable").val()
2）.attr()：和val()方法类似：attr(name,val):为name属性赋值为val，attr(name):获取name属性值
3）.each()：对jQuery对象进行遍历，其参数为function，函数内部的this是正在遍历的DOM对象

4）.text()：和val()方法类似：text():获取元素节点的文本子节点的值。text(str)：设置元素节点的文本子节点值

6.使用jQuery进行DOM操作：
1）创建节点：使用jQuery的工厂函数$()，返回值是一个jQuery对象，
2）添加(插入)子节点的方法：
a)appendTo(),append()：把节点A插入为节点B的最后一个子节点
b)aprepend(),prependTo()：
c)innsertAfter.after：
d)insertBefore,before：
  注：($trim(str):可以去除str的前后空格)     (return  false)可以取消指定元素的默认行为，比如submit，a等；方法的连缀：调用一个方法的返回值还是调用的对象，于 是可 以在调用方法的后面依然可以调用先前的那个对象的其他方法；