jQuery根据ID、CLASS、等获取对象的实例


Posted in Javascript onDecember 04, 2016

在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根据ID、CLASS、等获取对象的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
Mar 21 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
javascript中的 object 和 function小结
Aug 14 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
Dec 04 #Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 #Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 #Javascript
JavaScript 中对象的深拷贝
Dec 04 #Javascript
详解JavaScript模块化开发
Dec 04 #Javascript
javascript 定时器工作原理分析
Dec 03 #Javascript
JavaScript 最佳实践:帮你提升代码质量
Dec 03 #Javascript
You might like
摩卡咖啡
2021/03/03 咖啡文化
PHP中数组的三种排序方法分享
2012/05/07 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
2019/12/15 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python获取当前时间的方法
2014/01/14 Python
python网络编程示例(客户端与服务端)
2014/04/24 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
Django框架视图介绍与使用详解
2019/07/18 Python
如何开发一个JQuery插件
2016/07/28 面试题
女方回门宴答谢词
2014/01/14 职场文书
大学军训感言1500字
2014/03/09 职场文书
竞争上岗实施方案
2014/03/21 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
家长对孩子的寄语
2015/02/26 职场文书
学校证明范文
2015/06/24 职场文书
写好求职信的技巧解密
2019/05/14 职场文书