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 相关文章推荐
SWFObject Flash js调用类
Jul 08 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
Mar 12 Javascript
jQuery防止重复绑定事件的解决方法
May 14 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
Angular2库初探
Mar 01 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
JS判断数组四种实现方法详解
Jun 29 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
Jul 18 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
Dec 11 Vue.js
vue中父子组件的参数传递和应用示例
Jan 04 Vue.js
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 和 XML: 使用expat函数(一)
2006/10/09 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
php简单随机字符串生成方法示例
2017/04/19 PHP
PDO::inTransaction讲解
2019/01/28 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
2013/12/10 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
jQuery移除元素自动解绑事件实现思路及代码
2014/05/31 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
[01:35]2018完美盛典章节片——共竞
2018/12/17 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
PyCharm代码格式调整方法
2018/05/23 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
服务质量承诺书
2014/03/27 职场文书
爱祖国演讲稿
2014/05/04 职场文书
应急处置方案
2014/06/16 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
团日活动总结格式
2015/05/11 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
mysql联合索引的使用规则
2021/06/23 MySQL
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS