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 面向对象编程(2) 定义类
May 18 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
jquery获取select,option所有的value和text的实例
Mar 06 Javascript
ES6新特性之变量和字符串用法示例
Apr 01 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
Vue组件跨层级获取组件操作
Jul 27 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
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
PHP搭建大文件切割分块上传功能示例
2017/01/04 PHP
flexigrid 类似ext grid的JS表格代码
2010/07/17 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
Python变量赋值的秘密分享
2018/04/03 Python
Python2与Python3的区别实例分析
2019/04/11 Python
pygame实现成语填空游戏
2019/10/29 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
Python实现RabbitMQ6种消息模型的示例代码
2020/03/30 Python
django使用graphql的实例
2020/09/02 Python
python链表类中获取元素实例方法
2021/02/23 Python
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
2014预备党员党课学习心得范文
2014/07/08 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
大学生实训报告总结
2014/11/05 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
地球上的星星观后感
2015/06/02 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python