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 (四) jQuery中操作元素的属性与样式
本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.2011-02-02
有时候，需要屏蔽一个div中所有的input类型，使用jquery很简单有效的完成。2009-10-10
jQuery验证Checkbox是否选中的代码，需要的朋友可以参考下。建议大家看下脚本之家的相关文章。2011-09-09
这篇文章主要介绍了jQuery HTML设置内容和属性操作,结合实例形式分析了jQuery HTML设置内容和属性相关函数与操作注意事项,需要的朋友可以参考下2020-05-05
使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件，在网站上有时也会用的到，今天小编给大家分享jQuery拖拽排序插件制作拖拽排序效果，需要的朋友参考下吧2016-02-02
商品拖动选择效果如图所示，感兴趣的朋友已经迫不及待想实现了吧，下面与大家分享下具体的实现思路及处理程序2013-05-05
这篇文章主要介绍了JQuery实现折叠式菜单的详细代码,本文通过实例代码通过两种风格给大家详细介绍，需要的朋友可以参考下2020-06-06
这篇文章主要为大家详细介绍了jQuery表单设置值的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了jQuery实现定时隐藏对话框的方法,结合实例形式较为详细的分析了jQuery定时隐藏对话框的相关函数、实现方法与操作注意事项,需要的朋友可以参考下2018-02-02
用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.2008-08-08
最新评论