jquery 常用选择器 回顾 ajax() parent() parents() children() siblings() find() eq() has() filter() next()
1. $.ajax()
ajax 本身是异步操作,当需要将 异步 改为 同步时:
async: false
2.parent() 父级元素 和 parents() 祖先元素 的区别
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
例如:
<div id='div1'>
<div id='div2'>
<p></p>
</div>
<div id='div3' class='a'>
<p></p>
</div>
<div id='div4'>
<p></p>
</div>
</div>
$('p').parent() 取到的是div2,div3,div4
$('p').parent('.a') 取到的是div3
$('p').parent().parent() 取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents() 取到的是div1,div2,div3,div4
$('p').parents('.a') 取到的是div3
3.children() 子级元素
children(":eq()") 与 children().eq()
$('ul').children(":eq(0)").css('color' , 'red');
与
$('ul').children().eq(0).css('color' , 'red');
相同
3.siblings() 同胞元素
$this.parent().siblings().eq(1).text();
当前操作元素父元素的第一个同胞元素的内容
$("给定元素").siblings(".selected")
其作用是筛选给定的同胞同类元素(不包括给定元素本身)
例如:
//显示选项卡对应的内容并隐藏未被选中的内容
$("#content li:eq(" + index + ")").show().siblings().hide();
4.find() 查找
找到的是 所有的后代元素,即是子孙元素
$('div').find('ul').eq(2).css('color' , 'red');
小结:
find()查找的是后代,子代,子子代,而且参数必须填写
children()本身查找的就是子代,里面的参数选填
5.eq()
.eq() 与:eq() 的区别
$("p").eq(1).css("color","red");
与
$("p:eq(1)").css("color","red");
相同
6.has()
例如:
$("li").has("span").css("color","green");
匹配含有span元素的li元素,并将其中的字体颜色设置为绿色。
7.filter()
.filter() 方法 过滤的是集合本身
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。
例如:
$('p').find('.tag');
$('p').filter('.tag');
(1)第一行语句是在p标签下面的子元素去找是否有类为tag的元素.返回的元素若不为空一定是p标签下面的子元素
(2)第二行语句是找p标签中是否有tag类的元素.返回的元素一定是在$('p')这些P标签里面(即 找到所有 类名为tag的 P 标签)
8.next()
next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。
例如:
$("p").next(".selected").css("background", "yellow");
查找每个段落的下一个同胞元素,仅选中类名为 "selected" 的段落
.
jquery 常用选择器 回顾 ajax() parent() parents() children() siblings() find() eq() has() filter() next()的更多相关文章
- jquery 常用选择器和方法以及遍历(超详细)
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...
- jQuery常用选择器总结
jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择 ...
- jquery常用选择器和常用方法
基本选择器 $(”#myDiv”) //匹配唯一的具有此id值的元素 $(”div”) //匹配指定名称的所有元素 $(”.myClass”) //匹配具有此class样式值的所有元素 $(”*”) ...
- jquery常用选择器(转)
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...
- js和jQuery常用选择器
笔者觉得js是前台基础中的基础,而其选择器则是js基础中的基础,因长期使用框架导致js生疏,所有查资料,回顾一下js的常用选择器: 1.document.getElementById("id ...
- jquery 常用选择器基础语法学习
siblings方法的常用应用场景:选中高亮 实现代码 <!DOCTYPE html> <html> <head> <meta charset="U ...
- jquery及jquery常用选择器使用
本文为博主原创,未经允许不得转载: 1.jquery强大之处: 容易上手,强大的选择器,解决浏览器的兼容 完善的时间机制,出色的ajax封装,丰富的ui 2.jquery是一个javas ...
- jquery常用选择器
1.数字性过滤 $("tr:first") //选择所有tr元素的第一个 $("tr:last") / ...
- js+jquery 常用选择器函数
一.获取当前标签 JS: this,如下: <button onclick="fun(this)"></button> Jquery,如下: $(" ...
随机推荐
- Scrapy实战-新浪网分类资讯爬虫
项目要求: 爬取新浪网导航页所有下所有大类.小类.小类里的子链接,以及子链接页面的新闻内容. 什么是Scrapy框架: Scrapy是用纯Python实现一个为了爬取网站数据.提取结构性数据而编写的应 ...
- flask中的上下文_请求上下文和应用上下文
前引 在了解flask上下文管理机制之前,先来一波必知必会的知识点. 面向对象双下方法 首先,先来聊一聊面向对象中的一些特殊的双下划线方法,比如__call__.__getattr__系列.__get ...
- jquery map.js
(function ($) { HashMap = function () { var index = 0; var content = ''; var keyV = new Array(); var ...
- oracle 安装 启动listener 建库相关
安装 参考 http://www.cnblogs.com/gaojun/archive/2012/11/22/2783257.html 几个问题: 1. 用户删除问题 p001:~ # userdel ...
- Python第三方库之openpyxl(10)
Python第三方库之openpyxl(10) 雷达图 在工作表上的列或行中排列的数据可以在雷达图中绘制.雷达图比较多个数据系列的总值.它实际上是一个圆形x轴上的面积图的投影.有两种类型的雷达图:st ...
- SPOJ DIVSUM - Divisor Summation
DIVSUM - Divisor Summation #number-theory Given a natural number n (1 <= n <= 500000), please ...
- shell-001
for: shell_test #!/bin/bash var= var=$var+ echo $var mkdir only_a_joke shell_joke #!/bin/bash ./shel ...
- PTA 08-图8 How Long Does It Take (25分)
题目地址 https://pta.patest.cn/pta/test/16/exam/4/question/674 5-12 How Long Does It Take (25分) Given ...
- 刷题总结——卡牌配对(bzoj4205网络流)
题目: Description 现在有一种卡牌游戏,每张卡牌上有三个属性值:A,B,C.把卡牌分为X,Y两类,分别有n1,n2张. 两张卡牌能够配对,当且仅当,存在至多一项属性值使得两张卡牌该项属性值 ...
- php 学习随笔
---恢复内容开始--- round进行格式化数值(进位规则遵守“四舍六入五双”,即前一位是奇数,则进一,前一位是偶数则舍入,因此,rount(1.5)=2,round(2.5)=2,round(0. ...