Jquery(六)过滤选择器之内容过滤
来源:互联网 发布:斗牛娱乐大数据应用 编辑:程序博客网 时间:2024/05/21 17:02
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>jQuery过滤选择器 内容过滤</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> span,div{ width:140px; height:140px; background:#aaa; margin-right:10px; border:1px solid black; float:left; } .bgRed{ width:55px; height:80px; }</style><script type="text/javascript" src="jquery-1.6.4.min.js"></script><script type="text/javascript"> $(document).ready(function(){ //手动重置 $("#but").click(function(){ $("*").removeAttr("style"); }); //添加动画 function demo(){ $("#s01").slideToggle("slow",demo); } demo(); //<input type="button" id="but2" value="改变含有文本 ‘di’ 的 div元素的背景色为红色"/> $("#but2").click(function(){ $("div:contains('di')").css("background","red"); }); //<input type="button" id="but3" value="改变不包含子元素(或者文本元素)的div元素背景色为红色"/> $("#but3").click(function(){ $("div:empty").css("background","red"); }); //<input type="button" id="but4" value="改变含有 class 为 bgRed元素的div元素的背景色为红色"/> $("#but4").click(function(){ $("div:has('.bgRed')").css("background","red"); }); //<input type="button" id="but5" value="改变含有子元素(或者文本元素)的div元素的背景色为红色"/> $("#but5").click(function(){ $("div:parent").css("background","red"); }); });</script> </head> <body> <input type="button" id="but" value="手动重置"/> <input type="button" id="but2" value="改变含有文本 ‘di’ 的 div元素的背景色为红色"/> <input type="button" id="but3" value="改变不包含子元素(或者文本元素)的div元素背景色为红色"/> <input type="button" id="but4" value="改变含有 class 为 bgRed元素的div元素的背景色为红色"/> <input type="button" id="but5" value="改变含有子元素(或者文本元素)的div元素的背景色为红色"/><p></p> <div class="one" id="one"> class为one id为one的div <div class="bgRed">class为bgRed的div</div> </div> <div class="one"> class为one的div <div class="bgRed">class为bgRed的div</div> <div class="bgRed">class为bgRed的div</div> </div> <div class="one" id="two"> class为one id为two的div <div class="bgRed">class为bgRed的div</div> </div> <div></div> <span id="s01">正在执行的动画</span> </body></html>
0 0
- Jquery(六)过滤选择器之内容过滤
- jQuery之内容过滤选择器
- jQuery选择器之过滤选择器之内容过滤选择器
- jquery选择器之内容过滤选择器
- jQuery内容过滤选择器
- jQuery内容过滤选择器
- jquery内容过滤选择器
- jquery内容过滤选择器
- jQuery 内容过滤选择器
- jQuery内容过滤选择器
- JQuery 内容过滤选择器
- jQuery内容过滤选择器
- jquery内容过滤选择器
- jquery-内容过滤选择器
- jquery内容过滤选择器
- JQuery选择器(内容过滤选择器)
- Jquery过滤选择器之内容过滤器
- jQuery之过滤选择器
- [Python] 利用Django进行Web开发系列(一)
- Java概念性问题
- android状态栏黑色字体,时间电池深色
- 关于Qt Graphics 编程的几点总结
- js生成二维码并局部打印
- Jquery(六)过滤选择器之内容过滤
- Android 过渡动画(Transition Animation)
- mysql 加密解密 AES_ENCRYPT AES_DECRYPT
- HTML5为什么能成最佳载体?
- ASP.NET常用语句33条代码
- 安卓智能地图开发与实施一:配置离线SDK
- 高并发思路脑图
- etcd集群启动参数说明及注意事项
- php学习第一步,php环境搭建