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 相关文章推荐
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
May 18 Javascript
一些javascript一些题目的解析
Dec 25 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
jquery遍历select元素(实例讲解)
Dec 31 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
JS实现的适合做faq或menu滑动效果示例
Nov 17 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
Mar 04 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 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
Sony CFR 320 修复改造
2020/03/14 无线电
php 获取mysql数据库信息代码
2009/03/12 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
Python实现完整的事务操作示例
2017/06/20 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
Python原始套接字编程实例解析
2020/01/29 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
市场部专员岗位职责
2013/11/30 职场文书
学习演讲稿范文
2014/05/10 职场文书
保护野生动物倡议书
2014/05/16 职场文书
西游记读书笔记
2015/06/25 职场文书
基于python实现银行管理系统
2021/04/20 Python
anaconda python3.8安装后降级
2021/06/11 Python