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 相关文章推荐
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 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
给多个地址发邮件的类
2006/10/09 PHP
php 三维饼图的实现代码
2008/09/28 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
php生成二维码
2015/08/10 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
javascript动态创建及删除元素的方法
2014/12/22 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
python3实现暴力穷举博客园密码
2016/06/19 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
django将数组传递给前台模板的方法
2019/08/06 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
LN-CC中国:高端男装和女装的奢侈时尚目的地
2019/09/14 全球购物
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
闭幕式主持词
2014/04/02 职场文书
学雷锋月活动总结
2014/04/25 职场文书
县级文明单位申报材料
2014/05/23 职场文书
完整版商业计划书
2014/09/15 职场文书
大学生见习总结报告
2015/06/24 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
为什么node.js不适合大型项目
2021/04/28 Javascript