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 相关文章推荐
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
如何开发一个渐进式Web应用程序PWA
May 10 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
php精度计算的问题解析
2019/06/21 PHP
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
python的pdb调试命令的命令整理及实例
2017/07/12 Python
Python多进程multiprocessing用法实例分析
2017/08/18 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
Python虚拟环境venv用法详解
2020/05/25 Python
python 如何实现遗传算法
2020/09/22 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
八项规定整改措施
2014/02/12 职场文书
对教师的评语
2014/04/28 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
品牌转让协议书
2014/08/20 职场文书
入党政审材料范文
2014/12/24 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS