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 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
使用JavaScript通过前端发送电子邮件
May 22 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
输出控制类
2006/10/09 PHP
php session处理的定制
2009/03/16 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
input 高级限制级用法
2009/03/26 Javascript
JavaScript 高级语法介绍
2009/06/15 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
Python图算法实例分析
2016/08/13 Python
Python中的__slots__示例详解
2017/07/06 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
文明风采获奖感言
2014/02/18 职场文书
教职工代表大会主持词
2014/04/01 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
房产遗嘱范本
2015/08/06 职场文书
贷款担保书范本
2015/09/22 职场文书
高中班主任寄语
2019/06/21 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
千万级用户系统SQL调优实战分享
2022/03/03 MySQL