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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
jquery下实现overlay遮罩层代码
Aug 25 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
js自定义鼠标右键的实现原理及源码
Jun 23 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
element中Steps步骤条和Tabs标签页关联的解决
Dec 08 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投票程序源码
2007/03/11 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
2013/12/22 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
Python用GET方法上传文件
2015/03/10 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
Python自定义线程类简单示例
2018/03/23 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
python+numpy按行求一个二维数组的最大值方法
2019/07/09 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
Pytorch之parameters的使用
2019/12/31 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
pytorch实现查看当前学习率
2020/06/24 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
Linux文件系统类型
2012/02/15 面试题
车辆工程专业求职信
2014/04/28 职场文书
治安消防安全责任书
2014/07/23 职场文书
商铺消防安全责任书
2014/07/29 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
工作失误检讨书范文
2015/01/26 职场文书
市场部经理岗位职责
2015/02/02 职场文书
2016年春节问候语
2015/11/11 职场文书