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 相关文章推荐
jquery CSS选择器笔记
Mar 29 Javascript
eval的两组性能测试数据
Aug 17 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
jQuery 重复加载错误以及修复方法
Dec 16 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
详解如何优雅地在React项目中使用Redux
Dec 28 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
Sep 29 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 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
摩卡咖啡
2021/03/03 咖啡文化
php 获取远程网页内容的函数
2009/09/08 PHP
将一维或多维的数组连接成一个字符串的php代码
2010/08/08 PHP
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
2016/08/02 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
纯CSS3实现表单验证效果(非常不错)
2017/01/18 HTML / CSS
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
技术总监管理职责范本
2014/03/06 职场文书
初一学生评语大全
2014/04/24 职场文书
大学生求职计划书
2014/04/30 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
公关活动策划方案
2014/05/25 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
Redis全局ID生成器的实现
2022/06/05 Redis