jQuery根据ID、CLASS、等获取对象的实例
更新时间:2016年12月04日 13:46:39 投稿:jingxian
下面小编就为大家带来一篇jQuery根据ID、CLASS、等获取对象的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在jquery中,你能够通过逗号,来分隔字符选择多个选择。
例如:
$(.class1, .class2, #id1)在以上的例子中,将会选择含有类名为class1,和class2及id为1的所有元素。
Jquery实例:
在以下的例子中,有类名为p1和类名为p2 和id 为div3 的所有元素将会动态的添加一个红色的边框。
<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>
效果:
以上这篇jQuery根据ID、CLASS、等获取对象的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
jQuery checkbox选中问题之prop与attr注意点分析
这篇文章主要介绍了jQuery checkbox选中问题之prop与attr注意点,结合form表单实例形式分析了针对火狐浏览器下checkbox失效情况的处理技巧,需要的朋友可以参考下2016-11-11jQuery简单实现iframe的高度根据页面内容自适应的方法
这篇文章主要介绍了jQuery简单实现iframe的高度根据页面内容自适应的方法,给出了2种简单实现方法,涉及jQuery针对页面高度的动态获取与设置相关技巧,需要的朋友可以参考下2016-08-08div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做过类似拖拽div的效果,现在按原思路改做成一个JQ的小插件,当作制作JQ插件的一个小练习,感兴趣的朋友可以了解下哈2013-05-05
最新评论