zoukankan      html  css  js  c++  java
  • jQuery个人总结

    选择

    1. end()的使用

     $('div')
       .find('h3')
       .eq(2)
       .html('Hello')
       .end() //退回到选中所有的h3元素的那一步
       .eq(0) //选中第一个h3元素
       .html('World'); //将它的内容改为World

    2. 选中下拉列表中被选中的本文

    $(select option:selected).text()

    3. 选择器,非某某开头的写法

    $("input:not(name^='id')")

    4. 给选择器一个上下文

    格式:$(expression,[context]),expression是选择器表达式,context是选择器查找的范围。这样会比在全局查找效率高一些。

    默认情况下, 如果没有指定context参数,$()将在当前的 HTML document中查找 DOM 元素;

    如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。

    <script type="text/javascript">
            $( function() {
                window.$objPub = { //在全局范围中,定义一个windows对象
                    $objTmp0: $("#div0", "#container" ),
                    $objTmp1: $("#div1")
                }
                TestFun();
            })
            function TestFun() { //自定义显示div内容的函数
                $objPub.$objTmp0.html("Tmp0").css("width" ,"100px");
                $objPub.$objTmp1.html("Tmp1");
            }
     </script >
    $objPub.$objTmp0.html("Tmp0").css("width" ,"100px");
    // 等价于
    $("#div0","#container").html("Tmp0").css("width" ,"100px");
    // 会作用于 #container中的#div0


  • 相关阅读:
    2020.9.21
    企业应用架构模式003——对象-关系结构模式
    企业应用架构模式002
    企业应用架构模式001
    代码大全003/
    代码大全002/
    每日总结
    数论必刷题
    Tarjan求割点(割顶) 割边(桥)
    Luogu 2018 秋令营 Test 2
  • 原文地址:https://www.cnblogs.com/mafeifan/p/3376730.html
Copyright © 2011-2022 走看看