JQuery内容过滤器
- - CSDN博客推荐文章jQuery的选择器非常众多，下面介绍其中的一种，内容过滤器. 内容过滤器顾名思义就是根据内容进行选择的一种. 选择器，下面我们来举例一下这个内容过滤器的使用方法. 使用jQuery内容过滤器 . $(function(){//显示包含给定文本的元素. $(function(){//显示所有不包含子元素或者文本的空元素.
JQuery内容过滤器
标签：
jquery
内容过滤
| 发表时间：2012-05-14 21:20 | 作者：a352193394
出处：http://blog.csdn.net
jQuery的选择器非常众多，下面介绍其中的一种，内容过滤器。内容过滤器顾名思义就是根据内容进行选择的一种
选择器，下面我们来举例一下这个内容过滤器的使用方法。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>使用jQuery内容过滤器</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<style type="text/css">
body{font-size: 12px;text-align: center;}
div{float: left;border: solid 1px #ccc; margin:8px;
width: 65px;height: 65px;display: none;}
span{float:left;border:solid 1px #ccc;margin:8px;
width:45px;height:45px;background-color: #eee;}
</style>
<script type="text/javascript">
$(function(){//显示包含给定文本的元素
$("#test1").click(function(){
$("div:contains('A')").css("display","block");
})
})
$(function(){//显示所有不包含子元素或者文本的空元素
$("#test2").click(function(){
$("div:empty").css("display","block");
})
})
$(function(){//显示含有选择器的元素
$("#test3").click(function(){
$("div:has(span)").css("display","block");
})
})
$(function(){//显示含有子元素的元素
$("#test4").click(function(){
$("div:parent").css("display","block");
})
})
</script>
</head>
<body>
<div>ABCD</div>
<div><span></span></div>
<div>EFaH</div>
<div></div>
<input id="test1" type="button" value="test1"/><br/>
<input id="test2" type="button" value="test2"/><br/>
<input id="test3" type="button" value="test3"/><br/>
<input id="test4" type="button" value="test4"/><br/>
</body>
</html>
作者：a352193394 发表于2012-5-14 21:20:44 原文链接
阅读：12 评论：0 查看评论
相关 [jquery 内容过滤] 推荐：
JQuery 选择器
- - CSDN博客Web前端推荐文章}
点击我
. 像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥，因为它并没有将网页内容和行为分离，所以才有JQuery选择器的学习.点击我
. //给class为demo的元素添加行为.jquery操作xml
- - CSDN博客Web前端推荐文章jquery真的很强大，虽然一直在用jquery，不用一直都没有深入，这几天重新学习了一下，不得不感叹她的强大，已经让我深深入迷. 这里记录一下，她是怎么快速地操作xml的.. 这里我们有一个xml文件：. jquery如何操作呢,总的思想，就是和操作dom差不多的方法. 首先我们获取这个文件的内容：（我先引入jquery库哈）.
jQuery JSONP跨域
- - Web前端 - ITeye博客基于Jquery的Ajax跨域访问. 单点登录服务器(sso服务器). 登录网页项目的时候，由于使用了单点登录，所以页面会跳转到sso服务器，进行统一登录，. 现在需要在该界面增加令牌的认证，但是SSO服务器和令牌服务器部署在不同的服务器，且暂时没有要合并的可能，所以在SSO登录的时候必须要对令牌进行验证，就必须涉及到了跨域访问的问题.
jquery 插件
- - JavaScript - Web前端 - ITeye博客 jQuery插件的开发包括两种：. 一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.
让jquery更快
- - JavaScript - Web前端 - ITeye博客很久没有关注jQuery了，最近重新看了一下，看到一些不错的文章，转来坐一下笔记. 其内容和一些新提供的方法还是很多有值得学习的地方. 使用最新版本的jQuery. jQuery的版本更新很快，你应该总是使用最新的版本. 因为新版本会改进性能，还有很多新功能. 下面就来看看，不同版本的jQuery性能差异有多大.
jQuery Tools：Web开发必备的 jQuery UI 库
- - 博客园_首页jQuery Tools 是基于. jQuery 开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能.
jQuery基础之jQuery的DOM操作
- - CSDN博客推荐文章 为了能全面地讲解DOM操作，首先需要构建一个网页. 因为每一张网页都能用DOM表示出来，而每一份DOM都可以看作一棵DOM树. 苹果 . 橘子 .
你最喜欢的水果是?
.jQuery最佳实践
- andi - 阮一峰的网络日志上周，我整理了《jQuery设计思想》. 那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery". 今天的文章则是更进一步，讲解"如何用好jQuery". 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）.
jQuery设计思想
- ArBing - 阮一峰的网络日志jQuery是目前使用最广泛的javascript函数库. 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库. 微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来说，学会jQuery是必要的. 因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果.