>

DOM节点操作,过滤或检查实验

- 编辑:www.bifa688.com -

DOM节点操作,过滤或检查实验

Jquery实例:

参数是源结果集的父集时重返true

ALIGN      align

$(.class1, .class2, #id1)在上述的事例中,将会选拔含有类名称叫class1,和class2及id为1的兼具因素。

可感到负,表倒数

querySelector(CSS 选择器) 方法重返文书档案中匹配钦命 CSS 选取器的一个要素。

你只怕感兴趣的篇章:

  • Java反射之通过反射获取多少个对象的秘籍音讯(实例代码)
  • 用原生JS获取CLASS对象(很简短实用)
  • 因而Class类获取对象(实例解说)

过滤

property是js对象的贰本性质。比如上边,x是obj的二个property,nodeName是p的三个property。attribute是标签里的习性,举例上边标签,li,有叁个attribute class,img有无数attribute,比如data-original,class ,src和style。不是js属性,而是文书档案的标签中。

例如:

$("p").filter(".aa")

概念和用法 sɪˈlektə(r)

如上那篇jQuery依照ID、CLASS、等得到对象的实例就是作者分享给大家的全体内容了,希望能给大家贰个参阅,也指望大家多多援助脚本之家。

$("div").not($test)

内部第一列正是attribute,第二列正是property。

在偏下的例证中,有类名字为p1和类名称为p2 和id 为div3 的持有因素将会动态的丰硕多个革命的边框。

加多类包罗名称为class的兼具label成分的选用器

对于八个选拔器,使用逗号隔断,重临二个男才女貌的因素。

图片 1

除了对应成分

TITLE      title

在jquery中,你能够因此逗号,来分隔字符选用两个挑选。

$("#div1").is("div")

ID            id

效果:

$("p").last()

对于html的正规属性来讲,attribute和property是一起的,是会自动更新的,

<html>
<head>
<title>select mutiple elements example</title>
<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$(".p1,.p3,#div3").css("border","2px solid red");

});

</script>
<body>
<h1>select mutiple element example</h1>
<p class="p1">P1</p>
<p class="p2">P2</p>
<p class="p3">P3</p>
<p class="p4">P4</p>

<div id="div1">DIV1</div>
<div id="div2">DI2</div>
<div id="div3">DI2</div>
<div id="div4">DI2</div>
</body>
</html>

赢得第2-5个因素结合的结果集

attribute和property到底是怎么啊,有怎么着分别呢?那个或然很三个人都没在意,可能以为是同多个东西。

$("#div1").is($test)

CLASS      className

 

p本质是贰个指标,可以赢得识别属性

后代

注意:querySelector() 方法唯有再次来到匹配钦赐采取器的率先个要素。假若你要求回到全部的成分,请使用 querySelectorAll() 方法代替。

添加

图片 2

$("p").slice(2)

图片 3

检测

而是对于自定义的性质来说,他们是不联合的,

先交给例子:

图片 4

测验结果:

test

1 2 3 2

本条是自定义的习性;能够看出来attribute和property是不等同的;

图片 5

内需牢记的是:    attribute指的是html标签中的属性;

图片 6

标准属性是手拉手的

property指的是js对象中的属性;

0

获得含有$test对象的结果集

图片 7

赢得最终一个要素

图片 8

收获成分   

图片 9

$("p").eq(3)

JS中的attribute和property的界别和关系

 

图片 10

返回true或false

attribute是dom成分在文书档案中作为html标签具有的习性;

index是索引,this代表当前目的

以div为例,它有以下属性:

 

p八个DOM节点,本质是三个DOM 对象。叁个js可辨识,可操作对象。js对象,本事js可识别,可操作。属性是可增添。p是贰个对象,style是它品质,又是二个目的。

参照他事他说加以侦查资料:

div1本质是一个js 对象。divList是个集聚,也是叁个对象。

$("p").add(".a")

图片 11

获得第2个因素

要领悟attribute和property是见仁见智的事物将要先清楚它们分别是如何,那些很难说得清,举些例子就知晓了。

遍历结果集,获得false重回值则剔除

...            ...

 实例

property就是dom成分在js中作为靶子具有的习性。

所以:

获得含有类名字为aa的结果集

CSS 选择器String必须。钦点二个或多个相配成分的 CSS 选用器。 能够运用它们的 id, 类, 类型, 属性, 属性值等来采纳成分。

 

添港成分名字为strongl的jquery对象

编写制定采用结果

$("p").add( document.getElementsByTagName("label"))

添加jquery对象

$("div").not(function(index){})

$("div").has(".aa")

 后代中蕴藏成分名字为label的结果集

 

 

 

$("p").first()

与filter正好相反    

 

获取第3个元素

加多选拔器

获得相应元素

 

$("div").filter(function(index){if(this.id=="xixi"){ return true;}else{return false;}})

$("p").not(".aa")

 

 后代中含有类名叫aa的结果集

操作

获取子集

并不影响源结果集    

添日币素名叫label的html对象

$("div").filter(document.getElementsByTagName("label"))

筛选   

获取第四个成分直至结果集末尾组成的结果集

$("div").not(document.getElementsByTagName("label"))

 

$("p").slice(2,5)

 备注

当前

$("p").add( "label", $(".class") );

获得含有label成分的结果集

index是索引,this代表当前目的

添加html对象

增加类名称为a的选用器

$("div").filter($test)

$("#div1").is(function(index){if(this.id=="xixi"){ return true;}else{return false;}})

 效果

 

得到含有符合条件的后生元素的结果集

$("p").add( $("strong"))

认清的目的是儿孙元素  

$("#div1").is(document.getElementsByTagName("div"))

$("div").has(document.getElementsByTagName("label"))

本文由必发88官网发布,转载请注明来源:DOM节点操作,过滤或检查实验