JQuery之选择集过滤

JQuery选择集过滤应用如下:

代码实现:

 1 <script src="JS/jquery-3.4.1.js"></script>
 2     <script>
 3         // JQuery中的选择集过滤
 4         // has()方法:选择出指定的选择所指的标签
 5         $(function(){
 6             var $div = $(‘div‘).has(‘#int1‘);
 7             // 表示使用has方法选出多个div标签中含有id名为int1的div标签
 8             $div.css({
 9                 ‘width‘:‘200px‘,
10                 ‘height‘:‘200px‘,
11                 ‘background‘:‘yellow‘,
12                 ‘color‘:‘red‘
13             })
14         })
15         // eq()方法:选出指定索引代表的标签
16         // 索引从0开始
17         $(function(){
18             var $div = $(‘div‘).eq(1);
19             // 使用eq(指定索引)方法可以通过指定索引取出在body体中的标签
20             // 在body体中第一个出现的标签的索引为0,依次递增
21             $div.css({
22                 ‘border‘:‘1px solid red‘,
23                 ‘background‘:‘blue‘,
24                 ‘width‘:‘200px‘,
25                 ‘height‘:‘200px‘
26             });
27         });
28
29    </script>
30
31 <body>
32     <div>
33         这是第一个DIV标签
34         <input type="text" id="int1">
35     </div>
36     <hr>
37     <div>
38         <input type="text" id="int2">
39     </div>
40 </body>

原文地址:https://www.cnblogs.com/chao666/p/12018373.html

时间: 2024-10-12 21:36:30

JQuery之选择集过滤的相关文章

jQuery -&gt; 使用andSelf()来包含之前的选择集

当我们使用Destructive Method对wrapper set进行选择.过滤之后会产生一个新的结果集.例如: html $lt;div$gt; $lt;p$gt;Paragraph$lt;/p$gt; $lt;p$gt;Paragraph$lt;/p$gt; $lt;/div$gt; 对于上面的DOM Tree,当然可以使用 $('div').find('p') 来获取所有div元素包含的p元素,但是选择结果中肯定不包含div元素自身. 如果在find之后链式调用andSelf()则可以

如何实现select组件的选择输入过滤作用

实现select组件的选择输入过滤作用的js代码如下: /** *其中//******之间的部分显示的是在没有选择输入过滤功能的代码上加入的功能代码 ** / /** * @description This plugin allows you to make a select box editable like a text box while keeping it's select-option features * @description no stylesheets or images

【 D3.js 选择集与数据详解 — 4 】 enter和exit的处理方法以及处理模板

绑定数据之后,选择集分为三部分:update.enter.exit.这三部分的处理办法是什么呢?本文将讲解其处理方法,以及一个常用的处理模板. 1. enter的处理方法 如果没有足够的元素,那么处理方法通常是使用append()添加元素.请看下面的代码: <body> <p></p> <script> var dataset = [3, 6, 9]; var p = d3.select("body").selectAll("p

JQuery实现选择特定楼层回复

JQuery实现选择特定楼层回复 需求: 一个论坛里面的小功能,除了回复帖子之外,也能够回复帖子以下的回复.详细实现细节: 每个回复有一个"回复"按钮,点击按钮实现: 在form表单里面加入一个input元素,内容是须要回复的楼层数,这样post过去之后才干在后台处理: 在回复内容的textarea里面加入文字"回复x楼:" 接下来就是详细实现了.无疑仅仅能用JS_(:з」∠)_,又是每次到了这时候才暂时各种百度怎么用- 获取楼层数 在button上绑定了一个fun

jquery的 包装集

jquery的包装集: jquery包装集 指: 通过 $("exp")会筛选出页面中满足表达式的一组元素,这一组元素就属于jquery包装集的元素, 包装集是一个集合, 常用的方法:获取包装集中元素的个数(length或者size()),通过下标获取包装集中的某个元素(get(index)这时会转换成js对象,不能使用jquery的方法,要用$()再包装),获取 元素的包装集中的位置(index(ele));        

【 D3.js 选择集与数据详解 — 3 】 绑定数据的顺序

data() 函数有两个参数,第一个是被绑定数据,第二个参数用于指定绑定的顺序.在数据需要更新的时候常常会用到. 默认的情况下,data()函数是按照索引号依次绑定数组各项的.第0个元素绑定数组的第0项,第1个元素绑定数组的第1项,依此类推.也可以不按照此顺序进行绑定,这就要用到data()的第二个参数.这个参数是一个函数,称为键函数(key function). 要注意,只有在选择集原来已经绑定有数据的情况下,才能使用键函数指定绑定的顺序.请看以下代码: <body> <!-- 三个空

【 D3.js 选择集与数据详解 — 2 】 使用data()绑定数据

D3 中绑定数据大多是由 data() 函数来完成的,它是怎样工作的,它与 datum() 有什么区别呢? data()函数能够将数组各项分别绑定到各元素上,而且能够设置绑定的规则.data()还能够处理数组长度与元素数量不一致的情况.当数组长度大于元素数量,能为多余数据预留元素位置,以便将来插入新元素:当数组长度小于元素数量时,能提供指向多余元素的方法,以便将来删除.下面来剖析data()是如何绑定数据的,相比datum()有哪些新功能. data()的工作过程 假设body中有三个段落元素p

jQuery基本选择 元素

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>ddd</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <script l

JQUERY 模糊选择

JQUERY 模糊选择        [属性名称]         匹配包含给定属性的元素      [att=value]       匹配包含给定属性的元素      [att*=value]     模糊匹配      [att!=value]      不能是这个值      [att$=value]     结尾是这个值      [att^=value]     开头是这个值      [att1][att2][att3]...   匹配多个属性条件中的一个 属性字头选择器(Attr