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

 更新时间:2013年06月18日 17:18:51   作者:  
下面以一个示例:所有具有id属性的元素设置样式,动画效果,为大家介绍下jquery属性过滤选择器的使用方法,感兴趣的朋友可以参考下哈
复制代码 代码如下:

<!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之end()和pushStack()使用介绍

    jQuery之end()和pushStack()使用介绍

    pushStack()方法在jQuery的DOM操作中被频繁的使用, 如在parent(), find(), filter()中, 当然还有其他许多类似的方法, 它们往往需要返回一个jQuery封装过的DOM结果集
    2012-02-02
  • jquery win 7透明弹出层效果的简单代码

    jquery win 7透明弹出层效果的简单代码

    jquery win 7透明弹出层效果,点击可以弹出一个透明层的jquery特效,插件可以调弹出框的宽度和高度,很不错的一个弹出层插件。
    2013-08-08
  • jQuery之字体大小的设置方法

    jQuery之字体大小的设置方法

    本篇文章主要是对jQuery 字体大小的设置方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery实现图片局部放大镜效果

    jQuery实现图片局部放大镜效果

    这篇文章主要介绍了jQuery实现图片局部放大镜效果的相关资料,需要的朋友可以参考下
    2016-03-03
  • jQuery使用方法

    jQuery使用方法

    本文主要介绍了jQuery的使用方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • jquery动态分页效果堪比时光网

    jquery动态分页效果堪比时光网

    刚刚弄好了一个jquery动态分页效果,拿出来与大家分享,效果与时光网的差不多
    2014-09-09
  • jquery 遍历数组 each 方法详解

    jquery 遍历数组 each 方法详解

    下面小编就为大家带来一篇jquery 遍历数组 each 方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JQuery动画animate的stop方法使用详解

    JQuery动画animate的stop方法使用详解

    这篇文章主要介绍了JQuery动画animate的stop方法使用,需要的朋友可以参考下
    2014-05-05
  • Jquery Ajax请求代码(2)

    Jquery Ajax请求代码(2)

    总结了一下了一下$.getJSON()一些应用,希望大家喜欢,首先我用的的是 Newtonsoft.Json.Net20.dll
    2011-01-01
  • jQuery轻松实现无缝轮播效果

    jQuery轻松实现无缝轮播效果

    这篇文章主要为大家详细介绍了jQuery轻松实现无缝轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论