jquery属性过滤选择器使用示例


Posted in Javascript onJune 18, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> </style> 
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#Button1').click(function () { 
//为所有具有id属性的元素设置样式,动画效果 
//$('div[title]').hide(3000); 
//$('div[title=t1]').hide(3000); 
//$('div[title!=t1]').hide(3000); 
// //属性值以t开头 
//$('div[title^=t]').hide(3000 
//$('div[title$=1]').hide(3000); 
//$('div[title*=t]').hide(3000); 
// //id值以d开始,title值以3结束 
$('div[id^=d][title$=4]').hide(3000); 
}) 
}) 
</script> 
</head> 
<body> 
<div title="t1">第一层 
</div> 
<div id="div2" title="t2">第二层 
</div> 
<div id="div3" title="t3">第三层 
</div> 
<div id="div4" title="t4">第四层 
</div> 
<input id="Button1" type="button" value="click" /> 
</body> 
</html>
Javascript 相关文章推荐
jquery实用代码片段集合
Aug 12 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
JS处理一些简单计算题
Feb 24 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
js实现鼠标拖拽div左右滑动
Jan 15 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
详解vue路由
Aug 05 Javascript
微信小程序实现日历小功能
Nov 18 Javascript
在JavaScript中如何使用宏详解
May 06 Javascript
js实现的切换面板实例代码
Jun 17 #Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 #Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 #Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 #Javascript
js二级地域选择的实现方法
Jun 17 #Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 #Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 #Javascript
You might like
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
php连接sftp的作用以及实例代码
2019/09/23 PHP
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
详解JS函数重载
2014/12/04 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
2018/11/02 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
原生js实现自定义滚动条组件
2021/01/20 Javascript
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
python解析json实例方法
2013/11/19 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python 求定积分和不定积分示例
2019/11/20 Python
Python3 读取Word文件方式
2020/02/13 Python
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
乌克兰在线商店的价格比较:Price.ua
2019/07/26 全球购物
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
《珍珠泉》教学反思
2014/02/20 职场文书
培训讲师岗位职责
2014/04/13 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
Go Plugins插件的实现方式
2021/08/07 Golang
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS