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 相关文章推荐
JS是否可以跨文件同时控制多个iframe页面的应用技巧
Dec 16 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jQuery使用hide方法隐藏元素自身用法实例
Mar 30 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
JS异步文件分片断点上传的实现思路
Dec 25 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
Jan 15 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中echo和print的区别
2014/08/28 PHP
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
javascript 继承实现方法
2009/08/26 Javascript
jquery 可排列的表实现代码
2009/11/13 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
js插件YprogressBar实现漂亮的进度条效果
2015/04/20 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
2016/05/10 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
详解Python的Lambda函数与排序
2016/10/25 Python
python下载图片实现方法(超简单)
2017/07/21 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
python调试神器PySnooper的使用
2019/07/03 Python
python for循环remove同一个list过程解析
2019/08/14 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
校园广播稿500字
2014/02/04 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
排查整治工作方案
2014/06/09 职场文书