一、什么是jQuery?
jQuery是JavaScript的一个库,存放js代码的地方。
jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作。
jQuery是一个优秀的JavaScript的轻量级框架,兼容css3和各大浏览器,提供了dom、events、animate、ajax等简易的操作。并且 jQuery的插件非常丰富,大多数功能都有相应的插件解决方案。
附上官网地址:jQuery
二、DOM对象和jQuery对象
DOM对象:使用js语法创建的对象就是dom对象,也成为js对象,dom对象可以调用daom的属性和方法。
//获取dom对象
var obj = document.getElementById("btn");
//将dom对象转为jQuery对象
var $jObj = $(obj);
//使用jQuery库中的函数
alert($jObj.val());
jQuery对象:使用jQuery语法创建的对象就是jQuery对象,jQuery对象能调用jQuery函数库中的函数或者属性,jQuery对象是数组,数组中的每一个成员都是一个dom对象。
//使用jQuery语法,获取页面中的dom对象
//var obj = $("#txt")[0];//从数据中获取下标是0的dom对象
var obj = $("#txt").get(0);从数据中获取下标是0的dom对象
alert(obj.value);
三、选择器
1、HTML中引入CSS样式的方式:样式块
id选择器
语法格式:
#id{
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
....
}
标签选择器
语法格式:
标签名{
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
.....
}
类选择器
语法格式:
.类名{
样式名 : 样式值;
样式名 : 样式值;
样式名 : 样式值;
....
}
可以根据HTML中引入CSS样式的方式的选择器来记忆jQuery中的常用的选择器
2、什么是选择器?
就是一个字符串,用来定位dom对象的,就是选择页面中的dom对象的条件
1、基本选择器
2、表单选择器
使用<input>标签的【type】属性值,定位dom对象的方式。
语法:$(":type属性值")
例如:$(":text") ,选择的是所有的单行文本框,
$(":button") ,选择的是所有的按钮。
3、过滤器
1、在定位了dom对象后,根据一些条件筛选dom对象。
2、过滤器是一个字符串,用来筛选dom对象的。
3、过滤器不能单独使用, 必须和选择器一起使用。
1)$("选择器:first") : 第一个dom对象
2)$("选择器:last"): 数组中的最后一个dom对象
3)$("选择器:eq(数组的下标)") :获取指定下标的dom对象
4)$("选择器:lt(下标)") : 获取小于下标的所有dom对象
5)$("选择器:gt(下标)") : 获取大于下标的所有dom对象
4、表单属性过滤器
根据【表单】中dom对象的状态情况,定位dom对象的。
例如:文本框text状态的enabled、disabled
复选框checkbox状态的checked
下拉列表框select中的option状态的selected
radio....
var obj = $(":text:enabled");
var obj = $(":checkbox:checked");
var obj = $("select>option:selected");