前端学习之JS(七)之JQuery

版权声明:学而不思则罔,思而不学则殆 https://blog.csdn.net/qq_34481670/article/details/88363317

一、

1、JQuery就是javascript的类库,特点是独特的选择器、链式操作、事件处理机制、封装完善的Ajax。

2、在JQuery中$就代表JQuery的意思。

3、JQuery对象就是通过JQuery包装DOM对象后产生的对象。

var srh = DOM对象;

var  $srh =  JQuery对象;

4、平常用到的JQuery对象都是通过$()函数制作出来的,$()函数相当于是jQuery对象的制作工厂。

二、jQuery选择器:包括基本选择器、层次选择器、过滤选择器、和表单选择器。

1、基本选择器:它通过元素Id、class和标签名等来查找DOM元素。(在网页中,Id只能使用一次,class允许重复使用。

$("#num").css("background","red")

扫描二维码关注公众号,回复: 5479643 查看本文章

$(".num").css("background","red")

$("p");   选取所有的<p>元素

$("*");  选取所有的元素

$("p.myclass")   选取class为myclass的<p>标签的一组元素

$("span,p,#ssh")    选取一组元素

2、层次选择器:通过DOM元素之间的层次关系来获取特定的元素,包括后代元素、子元素、相邻元素等。

(后代元素是指后面所有的元素,子元素是指之后的元素)

$("div span");    表示选取div元素里的所有的span元素。(表示选取div之后所有的元素)

$("div>span"); 表示选取div元素里所有的子元素span。

3、过滤选择器:通过特定的过滤规则来筛选出所需的DOM元素。选择器都以冒号 : 开头。

div:first   选取第一个div元素

4、表单选择器:

$(.form1:input)          选取所有的input元素

$(.form1:password)     选取所有的password元素

值得注意的是:$("div,span,p")表示选取这一系列元素

而空格则是条件:$("div span p")表示div下的span下的p元素

猜你喜欢

转载自blog.csdn.net/qq_34481670/article/details/88363317