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 相关文章推荐
小议javascript 设计模式 推荐
Oct 28 Javascript
JS 进度条效果实现代码整理
May 21 Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
javascript中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
解决layui 复选框等内置控件不显示的问题
Aug 14 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 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
解析strtr函数的效率问题
2013/06/26 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
简单的编程0基础下Python入门指引
2015/04/01 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
python进程和线程用法知识点总结
2019/05/28 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
实习单位接收函模板
2014/01/10 职场文书
体育比赛口号
2014/06/09 职场文书
学校与家长安全责任书
2014/07/23 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
JavaScript实现显示和隐藏图片
2021/04/29 Javascript
Redis分布式锁Redlock的实现
2021/08/07 Redis