“jquery ”是如何通过 “class ”来获取元素的

“jquery ”是如何通过 “class ”来获取元素的,第1张

jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组

ps 如果想把jquery对象装换为js对象可以用以下方法

1 var obj = $('#xx')[0] 获得dom对象

2 对于数组

var obj = $('xx')each(function(){

alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)

});

jquery获取除某指定对象外的其他对象

not()

遍历方法

从匹配元素集合中移除元素

:not()

选择器

选取除了指定元素以外的所有元素。

<ul>

<li>list

item

1</li>

<li>list

item

2</li>

<li

id="unwanted">list

item

3</li>

<li>list

item

4</li>

<li>list

item

5</li>

</ul>

获取ul中除

id="unwanted"

的其他所有

li

$('li:not(#unwanted)')css('background',

'red');

$('li')not('#unwanted')css('background',

'red');

总结

以上所述是小编给大家介绍的jQuery

获取除某指定对象外的其他对象

(

:not()

与not()),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:jQuery判断指定id的对象是否存在的方法Jquery

获取指定标签的对象及属性的设置与移除

//类名获取对象

$("类名")

//ID获取对象

$("#ID")

//标签获取对象

$("标签名")

//有很多方法获取对象 下面就只用类名和 id举例 获取对象的方法 你可以查看w3c

//赋值的话 就要看你赋怎么样的值

//如果是 更改样式那么就是

$('类名')css({

width: "",

height: ""

})

$('#id')css({

width: "",

height: ""

})

//如果是 改变标签的属性

$("类名")attr("属性","属性复制")

$("#id")attr("属性","属性复制")

//例如

$("class")attr("id","idmingzi")

//这样就获得下面的结果

<div class="class" id="idmingzi"></div>

一般而言,JQuery可以利用attr来获取元素的属性值,

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

参考资料:

jquery百度百科

以上就是关于“jquery ”是如何通过 “class ”来获取元素的全部的内容,包括:“jquery ”是如何通过 “class ”来获取元素的、jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())、怎么用jquery得到一个对象并赋值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9424998.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存