编程 Javascript

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>

jquery属性过滤选择器使用示例

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript的jQuery库中ready方法的学习教程

Aug 14 Javascript

js实现跨域的多种方法

Dec 25 Javascript

详解jquery事件delegate(）的使用方法

Jan 25 Javascript

利用JS轻松实现获取表单数据

Dec 06 Javascript

微信小程序表单Form实例详解（附源码）

Dec 22 Javascript

JS实现520 表白简单代码

May 21 Javascript

解决v-for中使用v-if或者v-bind:class失效的问题

Sep 25 Javascript

使用JavaScript破解web

Sep 28 Javascript

Layui实现主窗口和Iframe层参数传递

Nov 14 Javascript

原生javascript实现类似vue的数据绑定功能示例【观察者模式】

Feb 24 Javascript

通过实例解析jQ Ajax操作相关原理

Sep 23 Javascript

vue中使用router全局守卫实现页面拦截的示例

Oct 23 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

Laravel基础-关于引入公共文件的两种方式

2019/10/18 PHP

关于setInterval、setTimeout在jQuery中的使用注意事项

2011/09/28 Javascript

关于js中alert弹出窗口文本换行问题简单详细说明

2012/12/11 Javascript

Javascript中查找不以XX字符结尾的单词示例代码

2013/10/15 Javascript

javascript实现行拖动的方法

2015/05/27 Javascript

Javascript实现div层渐隐效果的方法

2015/05/30 Javascript

JavaScript实现把rgb颜色转换成16进制颜色的方法

2015/06/01 Javascript

JavaScript中数组继承的简单示例

2015/07/29 Javascript

javascript常见数字进制转换实例分析

2016/04/21 Javascript

Nodejs多站点切换Htpps协议详解及简单实例

2017/02/23 NodeJs

深入理解jquery的$.extend()、$.fn和$.fn.extend()

2017/07/08 jQuery

微信小程序配置顶部导航条标题颜色的实现方法

2017/09/20 Javascript

详解JavaScript 中 if / if...else...替换方式

2018/07/15 Javascript

JavaScript数据结构与算法之二叉树添加/删除节点操作示例

2019/03/01 Javascript

Vue+Element实现表格编辑、删除、以及新增行的最优方法

2019/05/28 Javascript

JavaScript Canvas编写炫彩的网页时钟

2019/10/16 Javascript

[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17

2020/12/19 DOTA

Python中使用platform模块获取系统信息的用法教程

2016/07/08 Python

Python向日志输出中添加上下文信息

2017/05/24 Python

Python实现的桶排序算法示例

2017/11/29 Python

Python实现读取字符串按列分配后按行输出示例

2018/04/17 Python

利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统

2019/09/25 Python

python分别打包出32位和64位应用程序

2020/02/18 Python

前端面试必备之CSS3的新特性

2017/09/05 HTML / CSS

CSS3 :default伪类选择器使用简介

2018/03/15 HTML / CSS

使用html2canvas实现将html内容写入到canvas中生成图片

2020/01/03 HTML / CSS

爱尔兰领先的在线体育用品零售商：theGAAstore

2018/04/16 全球购物

德国净水壶和滤芯品牌：波尔德PearlCo（家用净水器）

2020/04/29 全球购物

工业自动化专业毕业生推荐信

2013/11/18 职场文书

一体化教学实施方案

2014/05/10 职场文书

求职意向书

2014/07/29 职场文书

群众路线剖析材料（四风）

2014/11/05 职场文书

总账会计岗位职责

2015/04/02 职场文书

2015年药房工作总结

2015/04/25 职场文书

班级班风口号大全

2015/12/25 职场文书

浅谈tf.train.Saver()与tf.train.import_meta_graph的要点

2021/05/26 Python