jQuery的过滤器总结

摘要:
1、 内容过滤器$(function){//$(“a:contains('label')”).css(“color”,“green”)//$(”div:empty“).css()//不能包含文本和标签$(“div:hidden”).length//过滤隐藏元素$(“div:visible”).langth//过滤非隐藏元素II.基本过滤器选择器$//$(function()){//$(“li:last”).css(“background”,“blue”)$(“li”).last(“backend”,“blue”)//})//last//$(function(“li:not(.xxx)”//偶//$(function(){//$(“li:odd”).css(“background”,“blue”)//})//odd//$(function){//$(“li:eq(3)”).css(“backend”,“red”)$(“li”).eq(4)。css(“background”,“red”)//})//eq//$(function(){//$(“li:gt(3)”).css(“backend”,“red”)//})//gt//$(functions(){//$(”li:lt(3)“).css“background”,“红色”)//})//lt III子元素筛选器$“,”绿色“)在每个父元素的第一个li的标签上//获取每个li的父标签,然后选择$(“li:独生子”)。css(“color”,“green”)在每个父元素的最后一个li的标签上//获取每个li的父标记,然后获取只有一个子标记的父标记

1、内容过滤器

 $(function () {
//            $("a:contains('标签')").css("color","green")

//            $("div:empty").css()
//不能包含文本和标签



        $("div:hidden").length
//        过滤隐藏的元素
        $("div:visible").length
//        过滤非隐藏的元素

  

二、基本的过滤选择器

 $(function () {
//            $("li:first").css("background","blue")
              $("li").first().css("background","blue")
//        })

//first

//        $(function () {
//            $("li:last").css("background","blue")
              $("li").last().css("background","blue")
//        })

//last

//        $(function () {
//            $("li:not(.xxx)").css("background","blue")
                $("li").not(".xxx").css("background","blue")
//        })

//not

//        $(function () {
//            $("li:even").css("background","red")
//        })

//even


//        $(function () {
//            $("li:odd").css("background","blue")
//        })

//odd


//     $(function () {
//         $("li:eq(3)").css("background","red")
            $("li").eq(4).css("background","red")
//     })

//eq

//        $(function () {
//            $("li:gt(3)").css("background","red")
//        })
//gt

//        $(function () {
//            $("li:lt(3)").css("background","red")
//        })
//lt

  

三、子元素过滤器

 $(function () {
            $("li:first-child").css("color","green")
            //        获取每个li的父标签,然后在每个父元素的的第一个li的标签被选中

             $("li:last-child").css("color","green")
            //        获取每个li的父标签,然后在每个父元素的的最后一个li的标签被选中

            $("li:only-child").css("color","green")
//            获取每个li的父标签,然后得到只有一个子标签的父标签

  

免责声明:文章转载自《jQuery的过滤器总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇微信小程序前端与myeclipse的数据交换过程(SSH)Nacos Config 多环境的配置下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JQuery DataTable的配置项及事件

  当我们需要在加载或者显示表格的时候,改变jquery datatable 的数据,或增加一些html标签处理。 可以通过Jquery DataTable的回调函数处理。 实例代码: if (oTable != null) { oTable.fnDestroy(); }; var detail="../Pages/detail/detail.asp...

jQuery-为动态添加的元素绑定事件

样例: $("#modify_nick").click(function () {$(this).css("display","none");$("#nickname_span").empty();var input = document.createElement("input");$(input).attr("type", "text");$(inpu...

jquery--监听checkbox多选框是否选中,展示输入框

<div> <input type="checkbox" name="add_choice" onchange="javascript:oBtAddChoice();"> 是否添加姓名 &nbsp; &nbsp; &nbsp; <input type="text" name="nam...

width:100%和width:inherit

前几天遇到过这么一个问题。我想让子盒子的宽度等于父盒子的宽度。父盒子宽度为一个具体值比如说200px.我将子盒子宽度设为了100%。按道理说应该是可以等于父盒子的宽度的,但结果并没有,而是通栏了。然后我又将子盒子宽度设为了inherit。结果宽度就是父盒子的宽度了。 HTML结构如下: <body> <div cl...

jQuery积累:serialize()、stringify()、toJSON()

*)表单serialize()序列化,和serializeArray() ##)应用场景 当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值。然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台。 但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就...

EasyUI中DataGrid隔行改变背景颜色。

<table id="dg" class="easyui-datagrid" style=" 1000px; height: 300px" data-options=" rownumbers:true, onClickRow:ClickRow,...