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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
Javascript数据结构与算法之列表详解
Mar 12 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
jquery实现全屏滚动
Dec 28 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
优雅的处理vue项目异常实战记录
Jun 05 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 10 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
js实现弹窗猜数字游戏
Nov 26 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
PHP面向对象分析设计的经验原则
2008/09/20 PHP
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
Gird事件机制初级读本
2007/03/10 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
createElement与createDocumentFragment的点点区别小结
2011/12/19 Javascript
详解参数传递四种形式
2015/07/21 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
Python中的高级函数map/reduce使用实例
2015/04/13 Python
Python DataFrame.groupby()聚合函数,分组级运算
2018/09/18 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
自主实习接收函
2014/01/13 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
《水上飞机》教学反思
2014/04/10 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
干部考察材料范文
2014/12/24 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
Docker下安装Oracle19c
2022/04/13 Servers