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 相关文章推荐
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
Javascript之面向对象--接口
Dec 02 Javascript
javascript浏览器用户代理检测脚本实现方法
Oct 27 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
Nov 27 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
react-intl实现React国际化多语言的方法
Sep 27 Javascript
JavaScript实现点击图片换背景
Nov 20 Javascript
VUE+Element实现增删改查的示例源码
Nov 23 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函数getenv简介和使用实例
2014/05/12 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
composer.lock文件的作用
2016/02/03 PHP
js获取div高度的代码
2008/08/09 Javascript
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
快速使用node.js进行web开发详解
2017/04/26 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
基于css3实现漂亮便签样式
2013/03/18 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
如何获取某个日期是当月的最后一天
2013/12/05 面试题
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2014年妇联工作总结
2014/11/21 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书