码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2018-06-04 21:34:50      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:包括   转换   png   属性选择器   variable   从后往前   分享   标签   包装   

jQuery对象

jQuery对象就是通过 jqQuery包装Dom对象后 产生的对象,jQuery对象是jQuery独有的,如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法

虽然jQuery对象是包装Dom对象后产生的,但是jQuery对象无法使用Dom对象的任何方法,同理Dom对象也不能使用jQuery里的方法

var $variable = jQuery对象

var variablle = Dom对象

$variable[0]  jQuery对象转换成Dom对象

查找标签

选择器

id 选择器

技术分享图片

标签选择器

技术分享图片

class选择器

技术分享图片

配合使用

技术分享图片

组合选择器

技术分享图片

所有元素选择器

技术分享图片

层级选择器 

技术分享图片

#d2 的所有后代span

 

技术分享图片

.c3的第一批后代span

 

技术分享图片

找到所有紧挨在.c4和#s1后面的span

 

技术分享图片

#p2后所有的兄弟li

 

基本筛选器

技术分享图片

如:

技术分享图片

 

属性选择器

技术分享图片

取到类型为text的input标签 

注意:[type!=‘text’]则为 取类型不是text的所有input标签

 

表单常用筛选

技术分享图片

如:

技术分享图片

注意:调用的时候必须有jQ去文件,不然会报错

 

 

技术分享图片

jQ对象可以直接加点调用

 

 表单的属性

技术分享图片

如:

 技术分享图片

注意:只写(:checked)会连option一起找出来 所以需要加input

 

筛选器

技术分享图片

next 是找下一个元素 同级或下一级的下一个元素

nextAll 是找同级 或 同级往下的所以元素 不能找到比它等级更高的

nextUntil 可以指定找到哪一个停止 但不包括 指定的元素

prev  prevAll  prevUntil 同上 只不过它是从后往前找

 

技术分享图片

父元素 和 下一个元素 是互补的 父元素 标签是往上级找的 跟next的往同级或 下一级找 正好相反

 

技术分享图片

只能找儿子级别 和孙子级别的

 

技术分享图片

 

技术分享图片

跟上面的基本帅选器 不大 一样 这是一个方法 jQ对象可以直接调用 因为是方法 所以 括号内的元素需要加"   "号

jQuery

标签:包括   转换   png   属性选择器   variable   从后往前   分享   标签   包装   

原文地址:https://www.cnblogs.com/yftzw/p/9135342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!