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 高级语法介绍
Jun 15 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
js实现继承的5种方式
Dec 01 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
js实现键盘自动打字效果
Dec 23 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
vue实现购物车功能(商品分类)
Apr 20 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
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
javascript 日期常用的方法
2009/11/11 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
Jquery实现瀑布流布局(备有详细注释)
2015/07/31 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python求列表交集的方法汇总
2014/11/10 Python
Python闭包思想与用法浅析
2018/12/27 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
猫咪家具:CatsPlay
2018/11/03 全球购物
Python如何实现单例模式
2016/06/03 面试题
尽职尽责村干部自我鉴定
2014/01/23 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
小学生评语大全
2014/04/18 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS