jQuary选择器总结

jQuary基础选择器

$("div*")获取div下面的所有元素

$(".red,.green").html("怎么") // 需要注意的是要把两个选择前写在同一个引号内  (需要同时选择多个选择器的时候用)

$("ance desc")  //ancestor祖先选择器  descendant子孙选择器

$(“parent > child”)  //只包含子辈选择器 不包含孙辈选择器

$(“prev + next”)  // "+"表示一种上下级的关系,prev元素最紧邻的下一个元素是next,选择器返回的并且只返回唯一的元素

$("p+label").css("background-color","red"); 给紧邻着的邻居加个背景颜色

$(“prev ~siblings”) //获取prev后面所有的相邻元素(相邻只包含同一个父级元素内的)

jQuary的过滤性选择器

:first  $(“li:first”)获得一组相同标签中的第一个元素   是一个元素不是一个集合

:last 最后一个元素

:eq(index)  按照索引查找元素

$("li:eq(2)") 索引从零开始 获取li标签中的第三个元素

:contains(text)  按照内容查找元素

$(“li:contains(‘张三‘)”) 获取到内容包含张三的所有li元素  张三为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的

:has(slector) 按照元素获取

$("li:has(‘p‘)")获取了包含<p>元素的全部<li>元素

:hidden  获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。$("li:hidden")获取li 下面所有display:none的元素或者是hidden的元素

:visible  获取的是全部可见的元素,只要不将元素的display属性值设置为“none”,都可以通过该选择器获取。

$("p:visible")获取可见的<p>元素

[attribute=value]  获取属性名等于属性值的元素

$("li[title=‘小超人‘]") 加了li是确定了范围如果不加li则选择的是全部的

[attribute!=value] 获取属性名不等于属性值的元素

[attribute*=value] 获取属性值中包含指定内容的全部元素

$("li[title*=‘新‘]")获取了属性值中包含“新”的li元素

:first-child 获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。

$("li:first-child")获取了所有个<ul>父元素中的第一个<li>元素

:last-child  获取父元素总的最后一个子元素   常用多个集合数据的选择处理

时间: 2024-10-11 01:24:40

jQuary选择器总结的相关文章

jQuary学习-什么是jquary? Js与jquary之间的关系 Jquary选择器

1.  什么是jQuery以及学习的意义等 jQuery是一个js库 JS库是什么? 把常用的方法,进行封装,封装到一个单独的js文件当中,要用的时候直接调用. 学习jQuery主要学什么? 学习jQuery提供给我们的方法 2.jQuery的使用步骤 1)引入jQuary包 2)写进入口函数 入口函数的两种书写方式: 方式一: $(document).ready(function(){ }); 方式二: $(function(){ }); 3) 写入需要实现的功能 例: <script src

jQuary 选择器

jQuery 选择器 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素. jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器允许您对 HTML 元素组或单个元素进行操作. 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作. jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("

jquary 选择器,dom操作知识点

选择器: 1. 基本选择器 1. 标签选择器(元素选择器) * 语法: $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素 3. 类选择器 * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器: * 语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素 2. 层级选择器

jQuary学习の三の效果展示

一.隐藏显示 1.$(selector).hide(speed,callback);2.$(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是隐藏或显示完成后所执行的函数名称. 3.$(selector).toggle(speed,callback);(隐藏显示之间的切换.) 可选的 speed 参数规定隐藏/显示的速度,可

时间选择器.avi

由于前端的知识欠缺,所以真的很有必要去学习bootstrap  和  Jquary了 在这里分享一个时间选择器,附上源码 和配置信息,方便在制作表单或者菜单的时候调用. 如果自己不是前端大神的话,我觉得调用别人的东西,还是靠谱一点. ....................... ............. ...... ..... 写到这里突然发现博客园没办法分享附件, 好吧,我给个百度云链接.  配置代码: <script type="text/javascript" src

jQuary 效果

jQuary可以对HTML元素或者单个元素进行操作.基于元素的id,类,类型,属性,属性值等用于查找或选择HTML元素.选择器都以美元符号开头:$()1)元素选择器:基于元素名选取.在页面中选取所有的p元素:$('p')所有的p元素都隐藏: <script> $(function(){ $("#b1012").click(function(){ $("p").hide(); }) }) </script> 2)#id选择器:根据id属性选择元

jquary对象和DOM对象的联系及转化

jquary对象和DOM对象的联系: DOM对象:DOM对象就是js对象,用 js的方法获取到的元素 document.getElementById(); document.getElementByName(); document.getElementByTagName(); //以上方法获取到的都是dom对象 jquary对象:用jquary的方法获取到的元素.       jquary对象实际就是一个拥有多个DOM对象组成的伪数组. var $a =$("#a") ; DOM对象和

2018-06-25Js事件流+JQuary基本语法

Js中Dom事件流: 多个彼此嵌套元素,他们拥有相同的事件,最内部元素事件被触发后,外边多个元素的同类型事件也会被触发,多个元素他们同类型事件同时执行的效果称为"事件流" 事件对象! 只能在function小括号里写!调用时候不能写! 用匿名函数! Input1.onKeydown=function(evt){ Console.log(evt); } 鼠标移动到设置两个字,弹出4个下拉框:获取两个字的位置,获取鼠标位置,获取四个边的位置,计算位置数据!!! Evt.stoppropag

CSS3选择器:nth-child和:nth-of-type之间的差异

对于p:nth-child选择器,选择一个元素如果: 这是个段落元素 这是父标签的第二个子元素 对于p:nth-of-type选择器,选择一个元素如果: 选择父标签的第二个段落子元素 :nth-of-type选择器,限制条件少