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 相关文章推荐
5秒后跳转到另一个页面的js代码
Oct 12 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
js style动态设置table高度
Oct 21 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
JavaScript数组各种常见用法实例分析
Aug 04 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 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对象Object的概念 介绍
2012/06/14 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
详解vue-cli3使用
2018/08/14 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
React学习之JSX与react事件实例分析
2020/01/06 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
python改变日志(logging)存放位置的示例
2014/03/27 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
英国巧克力贸易公司:Chocolate Trading Company
2017/03/21 全球购物
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
生产班组长岗位职责
2014/01/05 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
党员创先争优心得体会
2014/09/11 职场文书
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
北京故宫导游词
2015/01/31 职场文书
《认识年月日》教学反思
2016/02/19 职场文书