宝哥软件园

jQuery过滤选择器用法示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-07

本文实例讲述了jQuery过滤选择器用法。分享给大家供大家参考,具体如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /title过滤选择器/title脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){/$(' Li : first ')).css(“”背景,' # CCC ');//$('li:last ').css(“”背景,' # CCC ');//$('#box li:last ').css(“”背景,' # CCC ');//$(“ul : first Li : last”).css(“”背景,' # CCC ');//$('li:not(.红色)')。css(“”背景,' # CCC ');//$('li:even ').css(“”背景,' # CCC ');//偶数隔行变色//$(' li:奇数').css(“”背景,' # CCC ');//奇数隔行变色//$('li:eq(-2)').css(“”背景,' # CCC ');//$('li:gt(5)').css(“”背景,' # CCC ');//$('li:lt(5)').css(“”背景,' # CCC ');//$(“div : header”).css(“”背景,' # CCC ');//$("输入")。获取(0)。焦点();//$(“: focus”).css(“”背景,' # c00 ');//$('li ').第一个()。css(“”背景,' # CCC ');//$('li ').最后()。css(“”背景,' # CCC ');//$('li ').不是('。红色')。css(“”背景,' # CCC ');//$('li ').等式(2)。css(“”背景,' # CCC ');//$('div:contains('www ')).css(“”背景,' # CCC ');//$('div:empty ').css(“”背景,' #ccc ').css('height ',' 20px ');//$('ul:has(.红色)')。css(“”背景,' # CCC ');//$('div:parent ').css(“”背景,' # CCC ');//$('ul ').has(' .红色')。css(“”背景,' # CCC ');//$('li ').父项()。css(“”背景,' # CCC ');//alert($('li ').父项()。size());//alert($('li ').父项()。get(0));//$('li ').父母()。css(“”背景,' # CCC ');//$('li ').parentsUntil('body ')。css(“”背景,' # CCC ');//alert($('div:hidden ').size());//$('div:hidden ').css(“”背景,' #ccc ').show(1000);警报($('div:visible ').size());});/script/head dydiv style=' display : none;'我们的域名为:http://jb51.net//divdiv我们的域名为://www .JB 51。net//div/div ul id=' box ' Li列表1/李莉列表2/li li class='红色'列表3/李莉列表4/李莉列表5/li li列表6/li/ulul li列表1/李莉列表2/李莉列表3/李莉列表4/李莉列表5/li li列表6/li/uldiv h4我是标题/h4/divinput类型=' text '/body/html运行效果如下图所示:

更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jquery选择器用法总结》 、 《jQuery操作DOM节点方法总结》 、 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jQuery常见经典特效汇总》

希望本文所述对大家jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+