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 相关文章推荐
javascript innerText和innerHtml应用
Jan 28 Javascript
基于jQuery的左右滚动实现代码
Dec 03 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
vue使用axios跨域请求数据问题详解
Oct 18 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
Vue微信公众号网页分享的示例代码
May 28 Javascript
微信小程序选择图片控件
Jan 19 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防攻击代码升级版
2010/12/29 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
thinkphp分页集成实例
2017/07/24 PHP
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
Python常用的爬虫技巧总结
2016/03/28 Python
Python编程求质数实例代码
2018/01/31 Python
python的pstuil模块使用方法总结
2019/07/26 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
露营世界:Camping World
2017/02/02 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
项目资料员岗位职责
2013/12/10 职场文书
校园歌手大赛策划书
2014/01/17 职场文书
优秀护士演讲稿
2014/04/30 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
写给老师的保证书
2015/05/09 职场文书
同学会演讲稿
2019/04/02 职场文书