1、jQuery是js库，库：相当于java的工具类，是存放东西的，jQuery是存放js代码的地方，放的是用js代码写的function
2、dom对象和jQuery对象
dom对象：使用JavaScript的语法创建的对象叫做dom对象，也就是js对象。
var obj = document.getElementById("txt");obj是dom对象。也叫做js对象
obj.value;
jQuery对象：使用jQuery语法表示对象叫做jQuery对象，注意：jQuery表示的对象都是数组。
例如：var obj = #("#txt"),obj就是使用jQuery语法表示的对象，也就是jQuery对象，它是一个数组，现在数组中就一个值。
dom对象转换为jQuery对象
使用$(dom对象)方式，可以dom对象转换为jQuery对象，转换为jQuery对象才可以使用jQuery中提供的方法，操作dom对象。一般情况下，在命名jQuery对象时，为了域dom对象进行区分，习惯性的以$开头，这不是必须的。
jQuery对象转换为dom对象
jQuery对象本身为数组对象，该数组中的第0个元素即为jQuery对象对应的dom对象。所以有两种方式可以获取到dom对象：get(0)方式与下标[0]。
3、基本选择器
选择器就是定位条件，通知jQuery函数定位满足条件的dom对象
（1）id选择器：语法：$("#id")
（2）class选择器：语法：$(.class")
（3）标签选择器：语法：$("标签名")
（4）所有选择器：选取页面中所有dom对象。语法：$("*")
（5）组合选择器：组合选择器是多个被选对象间使用逗号分割后形成的选择器，可以使用id,class,标签名等。语法：$("#id, .class, 标签名")
4、表单选择器
表单相关元素选择器是指文本框、单选框、复选框、下拉列表等元素的选择方式。该方法无论是都存在表单<form>，均可做出相应选择。表单选择器是为了能更加容易地操作表单，表单选择器是根据元素类型来定义的
<input type="text">
<input type="password">
<input type="radio">
<input type="checkbox">
<input type="button">
<input type="file">
<input type="submit">
<input type="reset">
语法：$(":type 属性值")
例如：
$(":text")选取所有的单行文本框
$(":password")选取所有的密码框
$(":radio")选取所有的单选框
$(":checkbox")选取所有的多选框
注意：$(":tr")不能用，tr不是input标签
5、过滤器
jQuery对象中储存的dom对象顺序与页面标签声明位置关系
<div>1</div> dom1
<div>2</div> dom2
<div>3</div> dom3
$("div")==[dom1, dom2, dom3]
过滤器就是过滤条件，对已经定位到数组中dom对象进行过滤筛选，过滤条件不能独立出现在jQuery函数，如果使用只能出现在选择器后方。
基本过滤器
（1）选择第一个first，保留数组中第一个dom对象。语法$("选择器:first")
（2）选择最后一个last，保留数组中最后dom对象。语法$("选择器:last")
（3）选择数组中指定对象。语法$("选择器:eq(数组索引)")
（4）选择数组中小于指定索引的所有dom对象。语法：$("选择器:lt(数组索引)")
（5）选择数组中大于指定索引的所有dom对象。语法$("选择器:gt(数组索引)")
6、表单对象属性过滤器
（1）选择可用的文本框。语法：$(":text:enabled")
（2）选择不可用的文本框。语法：$(":text:disabled")
（3）复选框选中的元素。语法：$(":checkbox:checked")
（4）选择指定下拉列表的被选中元素。语法：选择器（父）>option（子）:selected
7、事件
为页面元素绑定事件，即对于指定页面元素，当某个事件发生后，执行指定动作
7.1、定义元素监听事件
语法：$(选择器).监听事件名称(处理函数);
说明：监听事件名称是js事件中去掉on后的内容，js中的onclick的监听事件名称是click
例如：
为页面中所有的button绑定onclick，并关联处理函数fun1,$("button").click(fun1)
为页面中所有的tr标签绑定onmouseover，并关联处理函数fun2,$("tr").mouseover(fun2)
网友评论