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 相关文章推荐
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
Feb 07 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
Bootstrap基础学习
Jun 16 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
Vue使用lodop实现打印小结
Jul 06 Javascript
javascript利用键盘控制小方块的移动
Apr 20 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
laravel中Redis队列监听中断的分析
2020/09/14 PHP
window.open不被拦截的实现代码
2012/08/22 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
2013/08/14 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
学习vue.js计算属性
2016/12/03 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08
2020/11/11 DOTA
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python实现采用进度条实时显示处理进度的方法
2017/12/19 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python装饰器简单用法实例小结
2018/12/03 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
让IE支持CSS3的不完全兼容方案
2014/09/19 HTML / CSS
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
日本网路线上商品代购服务:转送JAPAN
2016/08/05 全球购物
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
学期自我鉴定范文
2013/10/01 职场文书
高中生自我鉴定范文
2013/10/30 职场文书
学院书画协会部门职责
2013/11/28 职场文书
田径运动会开幕式及主持词
2014/03/28 职场文书
明信片寄语大全
2014/04/08 职场文书
聘用意向书
2014/07/29 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
六一儿童节新闻稿
2015/07/17 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
MySQL分布式恢复进阶
2022/07/23 MySQL