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 相关文章推荐
从零开始学习jQuery (十) jQueryUI常用功能实战
Feb 23 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
Json解析的方法小结
Jun 22 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
JS前端笔试题分析
Dec 19 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
vue框架搭建之axios使用教程
Jul 11 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
基于Vue实现微前端的示例代码
Apr 24 Javascript
JS如何实现基于websocket的多端桥接平台
May 14 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(2)――PHP类型
2010/02/15 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
使用Python对Excel进行读写操作
2017/03/30 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
Python ORM编程基础示例
2020/02/02 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
保险专业大专生求职信
2013/10/26 职场文书
学习演讲稿范文
2014/05/10 职场文书
党的群众路线学习材料
2014/05/16 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2015年消防工作总结
2015/04/24 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
Python 正则模块详情
2021/11/02 Python