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表达式:URL 协议介绍
Mar 10 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
JS设计模式之数据访问对象模式的实例讲解
Sep 30 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 Javascript
微信小程序背景音乐开发详解
Dec 12 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 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
1 Tube Radio
2021/03/02 无线电
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
使用php+swoole对client数据实时更新(一)
2016/01/07 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
jQuery插件 tabBox实现代码
2010/02/09 Javascript
js获取事件源及触发该事件的对象
2013/10/24 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
[02:42]岂曰无衣,与子同袍!DOTA2致敬每一位守护人
2020/02/17 DOTA
图文详解WinPE下安装Python
2016/05/17 Python
Python获取当前函数名称方法实例分享
2018/01/18 Python
对python 自定义协议的方法详解
2019/02/13 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
浅析NumPy 切片和索引
2020/09/02 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
雅诗兰黛美国官网:Estee Lauder美国
2016/07/21 全球购物
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
学习标兵获奖感言
2014/02/20 职场文书
农村婚庆司仪主持词
2014/03/15 职场文书
大学活动总结范文
2014/04/29 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
药店采购员岗位职责
2014/09/30 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
工作检讨书大全
2015/01/26 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书