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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
jQuery 创建Dom元素
May 07 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
2019最新21个MySQL高频面试题介绍
Feb 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
Yii框架登录流程分析
2014/12/03 PHP
PHP仿微信发红包领红包效果
2016/10/30 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
理解JSON:3分钟课程
2011/10/28 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
详解AngularJS中的表单验证(推荐)
2016/11/17 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
nodeJS微信分享
2017/12/20 NodeJs
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
python在非root权限下的安装方法
2018/01/23 Python
Python Flask基础教程示例代码
2018/02/07 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
Python面向对象编程基础实例分析
2020/01/17 Python
电子商务个人自荐信
2013/12/12 职场文书
建筑人员岗位职责
2013/12/25 职场文书
预备党员入党思想汇报
2014/01/04 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
矿泉水广告词
2014/03/20 职场文书
我的梦想演讲稿
2014/04/30 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
兴趣班停课通知
2015/04/24 职场文书
听证会主持词
2015/07/03 职场文书
Spark SQL 2.4.8 操作 Dataframe的两种方式
2021/10/16 SQL Server