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 21 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
jQuery解析Json实例详解
Nov 24 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
微信小程序实用代码段(收藏版)
Dec 17 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中output_buffering
2015/07/13 PHP
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
js实现蒙版效果
2020/01/11 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
python 模拟贷款卡号生成规则过程解析
2019/08/30 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
python matlab库简单用法讲解
2020/12/31 Python
python 数据类型强制转换的总结
2021/01/25 Python
CSS3绘制圆角矩形的简单示例
2015/09/28 HTML / CSS
欧洲最大的拼图游戏商店:JigsawPuzzle.co.uk
2018/07/04 全球购物
物业总经理岗位职责
2014/02/28 职场文书
五四演讲稿范文
2014/09/03 职场文书
整改落实自查报告
2014/11/05 职场文书
教师工作决心书
2015/02/04 职场文书
详解NodeJS模块化
2021/06/15 NodeJs
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
一文搞懂Python Sklearn库使用
2021/08/23 Python
nginx安装以及配置的详细过程记录
2021/09/15 Servers