您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > 【1010cc时时彩经典版】深更半夜三更还在编码的

【1010cc时时彩经典版】深更半夜三更还在编码的

发布时间:2019-08-16 13:50编辑:1010cc时时彩客户端浏览(53)

    jQuery相关知识,jquery

    1.jQuery中$符号有什么意义?

       $作为jQuery的别名,如$(document).ready() 即是 jQuery(document).ready()

    2.jQuery采用器有哪三种?

       基本选拔器:$("#id") —〉通过id获取成分   

                        $(".class") —〉通过既定的类名获取成分

                        $("p") —〉通过名称匹配得到成分

                        $("span,#id,...").css() —〉四个挑选合併重临

       等级次序选拔器:$("div span") —〉div中颇具的span

                        $("div > span") —〉div下的子成分span

                        $(".red div") —〉选取class为red的下三个div同辈成分

                        $(".red ~ div") —〉选拔class为red的成分后边的具备div同辈成分

       过滤采取器: 基本过滤采用器 { $("div:first") —〉第四个div ; $("div:last") —〉最终一个div ; $("input:not(.red)") —〉接纳class不是red的input成分;

                                                $("input:even") —〉index为偶数的input成分; $("input:odd") —〉index为奇数的input成分; $("input:eq(1)"), $("input:gt(1)"),

                                                $("input:lt(1)") 皆是基于index(等于、大于、小于)来挑选成分;  $(":header") —〉选拔网页中具有 h1 h2 h3 ... ; 

                                                $(":focus") —〉获取当前赢得宗旨的成分 }

                         内容过滤接纳器 { $("div:contains('ab')") —〉选拔含有文本“ab”的div成分; $("div:empty") —〉选取不分包子成分的div空成分;

                                                 $("div:has(p)") —〉选拔含有p成分的div成分; $("div:parent") —〉选用具有子成分的div成分 }

                         可知性过滤接纳器 { $("input:hidden") —〉采纳全部隐蔽的input成分; $("div:visible") —〉选取全数可知的div成分 }

                         属性过滤选拔器 { $("div[title='test']") —〉选取title等于“test”的div元素; $("div[id]") —〉选取具备属性id的因素;

                                                 $("div[id='id1'][title='test1']") —〉多规格复合选用 }

                         表单对象属性过滤 { 如 :selected; enabled; :disabled; :checked; }

    3.body中onload()函数和jQuery中的$(document).ready()有如何不相同?

       onload()函数是在页面全部能源加载实现后才初阶调用的,只好利用二回;$(document).ready()是在页面加载完DOM后就调用,可以再三施用。

    4.将页面全体因素的边框设置为2px宽的虚线?

       $("*").css("border","2px dashed red");    //solid 为实线; dashed 为虚线

    5.jQuery中delegate()函数有啥意义?

       要是您有一个父成分,必要给其下的子成分增多时间,就足以用到delegate(),代码如下:

       $("u1").delegate("li","click",function(){

               $(this).hide();

       });

    6.使用jQuery禁用浏览器的向上后退按键?

       $(document).ready(function(){

              window.history.forward(1); // or window.history.forward(-1);

      });

    7.jQuery选拔器和css采用器有什么不相同?

       jQuery选用器协助css接纳器,给指标增添样式和行为;css选用器只好增多样式。

    8.jQuery落到实处table隔行变色?

    HTML代码如下:

    <table>

    <tbody>

    <tr class="parent" id="row_01"></tr>

    <tr class="child_row_01"></tr>

    <tr class="child_row_01"></tr>

    <tr class="parent" id="row_02"></tr>

    ...

    </tbody>

    $(function(){

        $("tr.parent").click(function(){

              $(this)

              .toggleClass("selected")     //删除或充裕高亮

              .siblings("child" this.id).toggle(); //掩饰或出示子行

        });

    });

    CSS样式调节隔行变色:

    .line{

          table{

             tbody{

                 tr:nth-child(odd){background:red;}

                 tr:nth-child(even){background:blue;}

             }

          }

    }                                              

                       

     

    集结成分

    jQuery选用器。 5.21 《晌午还在编码的您》,jquery选用器

    (之所以字体弄那么大是因为省眼,技师不便于,程序员的眼眸更不便于,请保养大家的眼睛)

    选用器是jQuery的底子,在jQuery中,对事件管理、遍历DOM和Ajax操作都凭借于选拔器。

    熟稔地使用选用器,不但能简化代码,並且能够一语双关。

    jQuery采用器可经过CSS选择器、条件过滤三种艺术获得元素。

    能够经过CSS选拔器语法则则获得成分的jQuery采取器满含主题选用器、档次选拔器和个性选取器;

    能够经过标准过滤采用成分的jQuery选取器包涵大旨过滤选择器和可知性过滤采取器。

    jQuery 的选择器是很庞大的,在此间本人总括一下常用的要素查找方法

     

    一、基本选拔器

    1. id选择器(指定id元素)
      将id="one"的要素背景象设置为水晶色。(id选用器返单个成分)

     

    1 $(document).ready(function () {
    2         $('#one').css('background', '#000');
    3  });
    

     

     

    1. class选择器(遍历css类元素)
      将class="cube"的要素背景观设为水草绿

      1 $(document).ready(function () { 2 $('.cube').css('background', '#000'); 3 });

     

     

    1. element选择器(遍历html元素)
      将p成分的文字大小设置为12px

      1 $(document).ready(function () { 2 $('p').css('font-size', '12px'); 3 });

     

     

    1. * 选取器(遍历全数因素)

      1 $(document).ready(function () { 2 // 遍历form下的享有因素,将字体颜色设置为大青 3 $('form *').css('color', '#FF0000'); 4 });

     

     

    1. 等量齐观采用器

      1 $(document).ready(function () { 2 // 将p元素和div元素的margin设为0 3 $('p, div').css('margin', '0'); 4 }); 5 6 7 $(document).ready(function(){ 8 $('#.nihao').hover( 9 function(){ 10 $(this).addClass("") 11 },function(){ 12 $(this).removeClass("") 13 }); 14 });

     

     

     基本过滤选取器

    1. :first和:last(取第三个成分或最后一个因素)

      1 $(document).ready(function () { 2 $('span:first').css('color', '#FF0000'); 3 $('span:last').css('color', '#FF0000'); 4 });//下边包车型大巴代码,G1(first成分)和G3(last成分)会变色 5 6 G1 7 G2 8 G3

     

    1. :not(取非元素)

      1 $(document).ready(function () { 2 $('div:not(.wrap)').css('color', '#FF0000'); 3 });//上面包车型大巴代码,G1会变色 4 5

      G1
      6
      G2
      7 //不过,请小心下边包车型客车代码: 8 9
      10 G1 11
      G2
      12

     

    当G1所在div和G2所在div是父亲和儿子关系时,G1和G2都会变色。

    3. :even和:odd(取偶数索引或奇数索引成分,索引从0早先,even表示偶数,odd表示奇数)

     1 $(document).ready(function () {
     2             $('tr:even').css('background', '#EEE'); // 偶数行颜色
     3             $('tr:odd').css('background', '#DADADA'); // 奇数行颜色
     4         });A、C行颜色#EEE(第一行的索引为0),B、D行颜色#DADADA
     5 
     6  
     7 
     8 <table width="200" cellpadding="0" cellspacing="0">
     9     <tbody>
    10         <tr><td>A</td></tr>
    11         <tr><td>B</td></tr>
    12         <tr><td>C</td></tr>
    13         <tr><td>D</td></tr>
    14     </tbody>
    15 </table>
    

     

    1 $("#myELement")   //  选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 
    2 $("div")         //   选择所有的div标签元素,返回div元素数组 
    3 $(".myClass")    //   选择使用myClass类的css的所有元素 
    4 $("*")          //    选择文档中的所有的元素,可以运用多种的选择方式进行合选择:例如$("#myELement,div,.myclass") 
    

    One(等级次序采用器):

     

    1 $("form input")          // 选择所有的form元素中的input元素 
    2 $("#main > *")          //   选择id值为main的所有的子元素 
    3 $("label   input")     //   选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元  // 素 
    4 $("#prev ~ div")       //   同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 
    

     

    1. parent > child(直系子成分)

      1 $(document).ready(function () { 2 // 选择div下的第一代span成分,将字体颜色设为墨绿 3 $('div > span').css('color', '#FF0000'); 4 });下边包车型大巴代码,唯有首先个span会变色,第1个span不属于div的一代子成分,颜色保持不变。 5 6

      7 123 8

      9 456 10

      11

     

    1. prev next(下二个弟兄元素,等同于next()方法)

      1 $(document).ready(function () { 2 // 接纳class为item的下一个div兄弟成分 3 $('.item div').css('color', '#FF0000'); 4 // 等价代码 5 //$('.item').next('div').css('color', '#FF0000'); 6 });下边包车型地铁代码,只有123和789会变色 7

      8
      123
      9
      456
      10 11
      789

     

    1. prev ~ siblings(prev成分的具有兄弟元素,等同于nextAll()方法)

      1 $(document).ready(function () { 2 // 采纳class为inside之后的有所div兄弟成分 3 $('.inside ~ div').css('color', '#FF0000'); 4 // 等价代码 5 //$('.inside').nextAll('div').css('color', '#FF0000'); 6 });上面包车型大巴代码,G2和G4会变色 7 8

      G1
      9
      G2
      10 G3 11
      G4

     

    Two(属性选用器):

     

    1 $("div[id]")                  // 选择所有含有id属性的div元素 
    2 $("input[name='newsletter']")  //  选择所有的name属性等于'newsletter'的input元素 
    4 $("input[name!='newsletter']")// 选择所有的name属性不等于'newsletter'的input元素 
    6 $("input[name^='news']")     //    选择所有的name属性以'news'开头的input元素 
    7 $("input[name$='news']")     //    选择所有的name属性以'news'结尾的input元素 
    8 $("input[name*='man']")       //选择所有的name属性包含'news'的input元素 
    

     

     [attribute](取具有attribute属性的成分)

    上面包车型的士代码,尾数a标签未有title属性,所以它如故会脱肛划线

     1 <script type="text/javascript">
     2         $(document).ready(function() {
     3             $('a[title]').css('text-decoration', 'none');
     4        });
     5     </script>       
     6     <ul>
     7         <li><a href="#" title="DOM对象和jQuery对象" class="item">DOM对象和jQuery对象</a></li>
     8         <li><a href="#" title="jQuery选择器大全" class="item-selected">jQuery选择器大全</a></li>
     9         <li><a href="#" title="jQuery事件大全" class="item">jQuery事件大全</a></li>
    10         <li><a href="#" title="基于jQuery的插件开发" class="item">基于jQuery的插件开发</a></li>
    11         <li><a href="#" title="Wordpress & jQuery" class="item">Wordpress & jQuery</a></li>
    12         <li><a href="#" class="item">其他</a></li>
    13     </ul>——4.2 [attribute = value]和[attribute != value](取attribute属性值等于value或不等于value的元素)
    14 
    15 分别为class="item"和class!=item的a标签指定文字颜色
    16 
    17 
    18 .main_shipin a:hover img{filter:Alpha(Opacity=70);opacity:0.7;}
    

     

     

     

    Three(基本过滤采纳器):

    1 $("tr:first")            //   选择所有tr元素的第一个 
    2 $("tr:last")            //    选择所有tr元素的最后一个 
    3 $("input:not(:checked)   span")  //过滤掉:checked的选择器的所有的input元素 
    

    过滤掉:checked的接纳器的享有的input成分

    $("tr:even")          //     选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始) 
    
    $("tr:odd")             //   选择所有的tr元素的第1,3,5... ...个元素 
    $("td:eq(2)")         //    选择所有的td元素中序号为2的那个td元素 
    $("td:gt(4)")         //    选择td元素中序号大于4的所有td元素 
    $("td:ll(4)")           //   选择td元素中序号小于4的所有的td元素 
    $(":header") 
    $("div:animated") 
    

     

    Four(可知性过滤采取器):

    1 $("div:hidden")      // 选择所有的被hidden的div元素 
    2 $("div:visible")      //  选择所有的可视化的div元素 
    

     

     :hidden(取不可知的因素)

    jQuery至1.3.2事后的:hidden选取器仅相配display:none或<input type="hidden" />的因素,而不相配visibility: hidden或opacity:0的因素。那也意味着hidden只卓绝这几个“遮掩的”何况不占空间的成分,像visibility:hidden或opactity:0的因素占领了上空,会被拔除在外。

    上面包车型地铁代码,先弹出"hello"对话框,然后hid-1会展现,hid-2仍旧是不可知的。

     1 <html xmlns="http://www.w3.org/1999/xhtml" >
     2 <head runat="server">
     3     <title></title>
     4     <style type="text/css">
     5         div
     6         {
     7             margin: 10px;
     8             width: 200px;
     9             height: 40px;
    10             border: 1px solid #FF0000;
    11             display:block;
    12         }
    13         .hid-1
    14         {
    15             display: none;
    16         }
    17         .hid-2
    18         {
    19             visibility: hidden;
    20         }
    21     </style>
    22     <script type="text/javascript" src="js/jquery.min.js"></script>
    23     <script type="text/javascript">
    24         $(document).ready(function() {
    25             $('div:hidden').show(500);
    26             alert($('input:hidden').val());
    27         });
    28     </script>
    29 </head>
    30 <body>
    31     <div class="hid-1">display: none</div>
    32     <div class="hid-2">visibility: hidden</div>
    33     <input type="hidden" value="hello"/>
    34 </body>
    35 </html>
    

     

    ——3.2 :visible(取可见的成分)

    下面包车型大巴代码,最终三个div会有背景观

     1 <script type="text/javascript">
     2     $(document).ready(function() {
     3         $('div:visible').css('background', '#EEADBB');
     4     });
     5 </script>
     6 <div class="hid-1">display: none</div>
     7 <div class="hid-2">visibility: hidden</div>
     8 <input type="hidden" value="hello"/>
     9 <div>
    10     jQuery选择器
    11 </div>
    

     

    Five(内容过滤选拔器):

    1 $("div:contains('John')") //选择所有div中含有John文本的元素 
    2 $("td:empty")        //   选择所有的为空(也不包括文本节点)的td元素的数组 
    3 $("div:has(p)")    //    选择所有含有p标签的div元素 
    4 $("td:parent")       //   选择所有的以td为父节点的元素数组 
    

     

     1. :contains(text)(取包罗text文本的要素)

     1 $(document).ready(function () {
     2             // dd元素中包含"jQuery"文本的会变色
     3             $('dd:contains("jQuery")').css('color', '#FF0000');
     4         });下面的代码,第一个dd会变色
     5 
     6 <dl>
     7     <dt>技术</dt>
     8     <dd>jQuery, .NET, CLR</dd>
     9     <dt>SEO</dt>
    10     <dd>关键字排名</dd>
    11     <dt>其他</dt>
    12     <dd></dd>
    13 </dl>
    

     

    1. :empty(取不富含子元素或文本为空的要素)

      1 $(document).ready(function () { 2 $('dd:empty').html('未有内容'); 3 });

     

    上边第1个dd会展现"未有内容"文本

    1. :has(selector)(取接纳器相配的成分)

      1 $(document).ready(function () { 2 // 为涵盖span成分的div增添边框 3 $('div:has(span)').css('border', '1px solid #000'); 4 });尽管span不是div的直系子成分,也会生效 5 6

      7

      8 A 9 B 10

      11

     

    1. :parent(取包罗子成分或文本的因素)

      1 $(document).ready(function () { 2 $('ol li:parent').css('border', '1px solid #000'); 3 });下边包车型客车代码,A和D所在的li会有边框 4 5

        6
      1. 7
      2. A
      3. 8
      4. 9
      5. D
      6. 10

     

    Six(子成分过滤选择器):

    1 $("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n   1)") 
    3 $("div span:first-child")       //   返回所有的div元素的第一个子节点的数组 
    4 $("div span:last-child")        //   返回所有的div元素的最后一个节点的数组 
    5 $("div button:only-child")      // 返回所有的div中只有唯一一个子节点的所有子节点的数组 
    

     

    Seven(表单成分选取器):

     1 $(":input")              //    选择所有的表单输入元素,包括input, textarea, select 和 button 
     3 $(":text")               //      选择所有的text input元素 
     4 $(":password")       //    选择所有的password input元素 
     5 $(":radio")                //   选择所有的radio input元素 
     6 $(":checkbox")        //    选择所有的checkbox input元素 
     7 $(":submit")            //   选择所有的submit input元素 
     8 $(":image")            //     选择所有的image input元素 
     9 $(":reset")             //      选择所有的reset input元素 
    10 $(":button")           //     选择所有的button input元素 
    11 $(":file")                //     选择所有的file input元素 
    12 $(":hidden")         //      选择所有类型为hidden的input元素或表单的隐藏域 
    

     

    Eight(表单成分过滤选用器):

    1 1 $(":enabled")            // 选择所有的可操作的表单元素 
    2 2 $(":disabled")          //  选择所有的不可操作的表单元素 
    3 3 $(":checked")        //    选择所有的被checked的表单元素 
    4 4 $("select option:selected")// 选择所有的select 的子元素中被selected的元素 
    

    —————————————————————————————华丽的分水线——————————————————————————————————

    //选取一个Name 为”S_2222″的input text框的上一个td的text值
    $(”input[@ name =S_2222]“).parent().prev().text() 
    
    //名字以”S_”开始,并且不是以”_R”结尾的
    $(”input[@ name ^='S_']“).not(”[@ name $='_R']“) 
    
    //一个名为 radio_1294的radio所选的值
    $(”input[@ name =radio_1294][@checked]“).val(); 
    

    $(``"A B"``) 查找A元素下面的所有子节点,包括非直接子节点

    $(``"A>B"``) 查找A元素下面的直接子节点 $(``"A B"``) 查找A元素后面的兄弟节点,包括非直接子节点 $(``"A~B"``) 查找A元素后面的兄弟节点,不包括非直接子节点

     //1. $("A B") 查找A元素下面的所有子节点,包括非直接子节点  
    //例:找到表单中所有的 input 元素 
    //HTML 代码: 
     5 <form>
     6 <label>Name:</label>
     7 <input name="name" />
     8 <fieldset>
     9       <label>Newsletter:</label>
    10       <input name="newsletter" />
    11 </fieldset>
    12 </form>
    13 <input name="none" /> 
     //jQuery 代码: 
    15 $("form input") 
     //结果: 
    18 [ <input name="name" />, <input name="newsletter" /> ]
    
     1 //2. $("A>B") 查找A元素下面的直接子节点 
     2 //例:匹配表单中所有的子级input元素。 
     3 //HTML 代码: 
     4 <form>
     5 <label>Name:</label>
     6 <input name="name" />
     7 <fieldset>
     8       <label>Newsletter:</label>
     9       <input name="newsletter" />
    10 </fieldset>
    11 </form>
    12 <input name="none" /> 
    13 //jQuery 代码: 
    14 $("form > input") 
    15 //结果: 
    16 [ <input name="name" /> ] 
    

     1 //3. $("A B") 查找A元素后面的兄弟节点,包括非直接子节点 
     2 //例子:匹配所有跟在 label 后面的 input 元素 
     3 //HTML 代码: 
     4 <form>
     5 <label>Name:</label>
     6 <input name="name" />
     7 <fieldset>
     8       <label>Newsletter:</label>
     9       <input name="newsletter" />
    10 </fieldset>
    11 </form>
    12 <input name="none" /> 
    13 //jQuery 代码: 
    14 $("label   input") 
    15 //结果: 
    16 [ <input name="name" />, <input name="newsletter" /> ] 
    

    --

     1 //4. $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点 
     2 //例子:找到所有与表单同辈的 input 元素 
     3 //HTML 代码: 
     4 <form>
     5 <label>Name:</label>
     6 <input name="name" />
     7 <fieldset>
     8       <label>Newsletter:</label>
     9       <input name="newsletter" />
    10 </fieldset>
    11 </form>
    12 <input name="none" /> 
    13 //jQuery 代码: 
    14 $("form ~ input") 
    15 //结果: 
    16 [ <input name="none" /> ] 
    

     

    编辑选用器时要留神特殊符号和空格。

     

    上述是自身所总括   谢谢您的观察!

     

    生活其实和代码是一样的  总有不顺的时候  在当时调换一下你的思维  或许你能够改换那不顺。

                                                                                              **爱自己 爱生活  爱代码  爱音乐 爱文字 爱交友 **

     

    1010cc时时彩经典版 1©法国首都你好!

          
    
                作者:微冷的风
    
                出处:http://www.cnblogs.com/smbk/ 
    
                本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    

    5.21 《中午还在编码的您》,jquery选择器 (之所以字体弄那么大是因为省眼,程序猿不轻便, 程序猿的双眼更不便于,请爱惜...

    /**
    * <input type="button" value=" 更动索引值为大于 3 的 div 成分的背景观为 #0000FF" id="b6"/>
    */
    $("#b6").click(function(){
    $("div:gt(3)").css("background","red");
    });

    2

    jquery,字符串中可用' '表变量,那是javascript知识仍然jquery知识,说一下小编该相关知识点

    javascript里面, 代表的是数字之间的“加”和字符串之间的“连接”成效。

    这边很驾驭,前后都以字符串,起的是接二连三功能,目标是将那一个变量的值和内外字符串连接在一块儿,做为jquery对象的挑选标准,并用选择器将满意这几个规则的html标签捕捉到,再次来到三个jquery对象。那是javascript知识。  

    1.jQuery中$符号有什么意义? $作为jQuery的小名,如$(document).ready()正是 jQuery(document).ready() 2.jQuery选取器有哪两种? 基本选...

    群集成分

    /**
    * <input type="button" value=" 改造class不为 one 的装有 div 成分的背景象为 #0000FF" id="b3"/>
    */
    $("#b3").click(function(){
    $("div:not(.one)").css("background","red");
    });

    jQuery选择器

    核心选取器:

    主旨选取器能够因此id、class等因一向索求DOM成分,举例:

     

    di选择器:$(#divOne).css(background-color,blue);

    该成效是将id为divOne的要素背景颜色设置为赫色。

     

    class选择器:$(.classTwo).css(background-color,red);

    该意义是将class为classTwo的要素背景颜色设置为革命。

     

    element选择器(遍历html元素): $(p).css(background-color,yellow);

    该意义是将p标签背景颜色设置为黄褐。

     

    * 选取器(遍历全体因素):$(div *).css(color,white);

    该效能是将div下有所的要素字体统统设置为土褐。

     

    她们的源代码如下:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //id选择器 $(#divOne).css(background-color,blue); //class选择器 $(.classTwo).css(background-color,red); // * 选拔器(遍历全体因素) $(div *).css(color,white); //element选择器(遍历html元素) $(p).css(background-color,yellow); }); </script>

    one

    two

    three

    运作的结果:

     

    1010cc时时彩经典版 2

     

    并重选择器:$(p,a,span).css(background-color,blue);

    该意义是将并列的多少个成分的背景颜色统一安装为中绿。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //并列选择器 $(p,a,span).css(background-color,blue); }); </script>

    one

    two

    three

    运营的结果:

     

    1010cc时时彩经典版 3

     

    档期的顺序采用器:

    档期的顺序采用器能够经过DOM成分之间的层系关系来获取特定的要素,如后代成分、子元素、相邻成分和兄弟成分

     

    parent > child(直系子成分):$(div>span).css(background-color,blue);

    该意义是采取div下的具备span成分,并将其背景颜色设置为乌紫

     

    prev next(下一个小朋友成分,等同于next()方法):$(.span div).css(background-color,red);

    该意义是选用span类下边包车型大巴div成分,并将其背景颜色设置为紫水晶色。

     

    prev ~ siblings(prev成分的富有兄弟元素,等同于nextAll()方法):$(.classOne~div).css(color,white);

    该意义是选择类classOne之外的有着的div兄弟成分,并将其字体设置为水晶绿。

     

    下边是其源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //parent > child(直系子成分) $(div>span).css(background-color,blue); // prev next(下叁个男子元素,等同于next()方法) $(.span div).css(background-color,red); //prev ~ siblings(prev元素的具有兄弟成分,等同于nextAll()方法) $(.classOne~div).css(color,white); }); </script>

    one

    two

    three

    two

    运营的结果:

     

    1010cc时时彩经典版 4

     

    过滤选拔器:

    过滤选取器首假若因而一定的过滤法则来筛选出特定的DOM成分,过滤准绳与CSS中的伪类选拔器语法同样,选取器以(:)初始。

     

    基本过滤接纳器:

     

    :first和:last过滤选取器(取第三个因素或最终一个因素):

     

    $(div:first).css(background-color,blue);
    $(div:last).css(background-color,red);
    
    该功能是将第一个div元素的背景颜色设置为蓝色,将第二个div的背景颜色设置为红色。
    

     

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //first和:last(取第三个因素或最后贰个要素) $(div:first).css(background-color,blue); $(div:last).css(background-color,red); }); </script>

    one

    two

    three

    two

    运作结果:

     

    1010cc时时彩经典版 5

     

    :not(取非成分):$(div:not('#divTwo')).css(background-color,blue);

    该意义是将id为divTwo之外的持有的div成分背景颜色统统设置为墨绛红。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:not(取非成分) $(div:not('#divTwo')).css(background-color,blue); }); </script>

    one

    two

    three

    two

    运营结果:

     

    1010cc时时彩经典版 6

     

    :even和:odd选用器(取偶数索引或奇数索引成分,索引从0开端,even代表偶数,odd代表奇数):

    $(tr:even).css(background-color,blue);
    $(tr:odd).css(background-color,red);

    该功用是将偶数行的背景颜色设置为灰黄,将奇数行的背景颜色设置为深褐。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:even和:odd选择器 $(tr:even).css(background-color,blue); $(tr:odd).css(background-color,red); }); </script>

    1
    2
    3
    4

    运营的结果:

     

    1010cc时时彩经典版 7

     

    :eq(x)选择器:
    $(tr:eq(0)).css(background-color,blue);
    $(tr:eq(2)).css(background-color,yellow);
    $(tr:odd).css(background-color,red);

    该成效是将率先行和第三行的背景颜色分别设置为黑色和藏青。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:eq(x)选择器 $(tr:eq(0)).css(background-color,blue); $(tr:eq(2)).css(background-color,yellow); $(tr:odd).css(background-color,red); }); </script>

    1
    2
    3
    4

    运维结果:

     

    1010cc时时彩经典版 8

     

    :gt(x)和:lt(x)(取大于x索引或小于x索引的因素)过滤选择器:

    $(tr:gt(2)).css(background-color,blue);
    $(tr:lt(2)).css(background-color,red);

    该意义重要是赢得抢先2的索引成分,然后将其背景颜色设置为玛瑙红,将获取索引值小于2的成分背景颜色设置为革命。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:gt(x)和:lt(x)(取大于x索引或小于x索引的要素) $(tr:gt(2)).css(background-color,blue); $(tr:lt(2)).css(background-color,red); }); </script>

    1
    2
    3
    4
    5

    运维的结果:

     

    1010cc时时彩经典版 9

     

    :header过滤选择器:$(:header).css(color,blue);

    该意义首假使将收获的一体标题字体颜色设置为莲灰。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:header过滤选取器 $(:header).css(color,blue); }); </script>

    Jquery的javascript基础知识必要什

    xpath
    基本功的js,假设精通最棒,你能够读懂源码。
    css相关文化
    dom相关文化
    html相关文化
    jquery文档

    有了那么些,大致了,别的正是左边手演练  

    $("#form1 :enabled")选用id为"form1"的表单内的兼具可用元素

    /**
    * <input type="button" value=" 改换最终多个 div 成分的背景象为 #0000FF" id="b2"/>
    */
    $("#b2").click(function(){

    4

    集结成分

    <script language="JavaScript">
    /**
    * <input type="button" value=" 改换全体可知的div成分的背景象为 #0000FF" id="b1"/>
    */
    $("#b1").click(function(){
    $("div:visible").css("background","red");
    });
    /**
    * <input type="button" value=" 选择所有不可知的成分, 利用 jQuery 中的 show() 方法将它们显示出来, 并设置其背景象为 #0000FF" id="b2"/>
    */
    $("#b2").click(function(){
    $(":hidden").show().css("background","red");
    });
    /**
    * <input type="button" value=" 选拔全体的文件隐蔽域, 并打字与印刷它们的值" id="b3"/>
    */
    $("#b3").click(function(){
    $("input:hidden").each(function(){
    var $obj = $(this);
    alert($obj.val());
    });
    });
    </script>

    3

    $("div:first")采取全数div元素中的第贰个div成分

     

    5

    运维的结果:

     

    1010cc时时彩经典版 10

     

    内容过滤选用器:

     

    :contains(text)(取包涵text文本的因素):$(span:contains('one')).css(color,blue);

    该意义是选项包罗one文本内容的span标签,将其字体颜色设置成石榴红。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ // :contains(text)(取富含text文本的成分) $(span:contains('one')).css(color,blue); }); </script>hello,nihao,你好
    大家好,dajiahao 21,123,123456
    one,TWO,Three

    运行的结果:

     

    1010cc时时彩经典版 11

     

    :empty(取不带有子成分或文本为空的要素):$(span:empty).html(nothing);

    该作用是将span为空的要素增添新的剧情nothing。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:empty(取不分包子成分或文本为空的要素) $(span:empty).html(nothing); }); </script>hello,nihao,你好
    大家好,dajiahao 21,123,123456
    one,TWO,Three

    运作的结果:

     

    1010cc时时彩经典版 12

     

    :has(selector)(取接纳器相称的因素):$(div:has('span')).css(background-color,blue);

    该作用是将包含span成分的div成分背景颜色设置成绿蓝。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ // :has(selector)(取选取器匹配的因素) $(div:has('span')).css(background-color,blue); }); </script>hello,nihao,你好

    大家好,dajiahao

    21,123,123456

    运作的结果:

     

    1010cc时时彩经典版 13

     

    :parent(取满含子成分或文本的成分):$(p:parent).css(background-color,blue);

    该意义是将涵盖子成分的P成分的背景颜色设置为米红。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ // :parent(取包括子成分或文本的元素) $(p:parent).css(background-color,blue); }); </script>

    大家好,dajiahao

     

    21,123,123456

    运营的结果:

     

    1010cc时时彩经典版 14

     

    :hidden(取不可知的因素):$(input:hidden);

    jQuery至1.3.2以往的:hidden接纳器仅相称display:none或的元素,而不匹配visibility: hidden或opacity:0的因素。那也意味着hidden只特别那个“隐蔽的”并且不占空间的要素,像visibility:hidden或opactity:0的成分占领了空间,会被拔除在外。  

    据此说上述代码的效果是选拔含有111display: none的元素与包括“333hidden”的因素。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:hidden(取不可知的因素) $(input:hidden).each(function(){ alert($(this).val()); }); }); </script>
    运维的结果:

     

     

    鉴于那多个因素都以隐匿的,所以说此时我们需求在debug情势下查看各因素的占位空间意况,我们了解,有占位空间的因素是不会被选中的,所以说通过查看占位空间情形我们就足以通晓到底是选中了怎么因素。

     

    当光标选夷则素有的时候:

    1010cc时时彩经典版 15

    如上所示,无占位空间,也正是说会被选中。

     

    当光标选十7月素二时:

    1010cc时时彩经典版 16

    有占位空间,所以说此时因素不被入选。

     

    当光标选夷则素三时:

    1010cc时时彩经典版 17

    无占位空间,也正是说该因素也被选中。

     

    鉴于在源程序中加多了alert()功用,所以说被选中的会弹窗,弹窗结果如下:

     

    要素1内容被弹出:

    1010cc时时彩经典版 18

     

    要素三内容被弹出:

    1010cc时时彩经典版 19

     

    :visible(取可知的成分): $(input:visible)

    该意义是将页面中可知的因素或具备占位符的因素筛选出来。

     

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //:visible(取可知的因素) $(input:visible).each(function(){ alert($(this).val()); }); }); </script>
    运转的结果:

     

    如图一:

    1010cc时时彩经典版 20

     

    如图二:

    1010cc时时彩经典版 21

     

    天性过滤采用器:

     

    [attribute](取具有attribute属性的因素):$(div[class]).css(background-color,blue);

    该意义是将涵盖class属性的因素抽出来,然后给其背景颜色注脚为橄榄黑。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //[attribute](取具有attribute属性的因素) $(div[class]).css(background-color,blue); }); </script>

    One

    Two

    Three

    运作的结果:

     

    1010cc时时彩经典版 22

     

    据书上说Id获取属性:$(#divThee).attr(class);

    该意义是将id为divThee的要素的天性class抽出来。

     

    源代码:

     

    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ //依照Id获取属性 var divAttr=$(#divThee).attr(class); alert(divAttr); }); </script>

    One

    Two

    Three

    运维的结果:

     

    1010cc时时彩经典版 23

     

    [attribute = value]和[attribute != value](取attribute属性值等于value或不等于value的要素):

    //[attribute = value]

    $(div[class=classOne]).css(background-color,blue);

    $(div[class=classTwo]).css(background-color,red);

    //[attribute != value]

    $(div[class!=classTwo]).css(color,white);

     

    源代码:
    
    <%@ page language=java import=java.util.* pageEncoding=gbk%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() :// request.getServerName() : request.getServerPort() path /;
    %>
    

    >

    <script type=text/javascript src = JS/jquery-1[1].3.2.js></script><script type=text/javascript> $(function(){ // [attribute = value]和[attribute != value](取attribute属性值等于value或不对等value的要素) //[attribute = value] $(div[class=classOne]).css(background-color,blue); $(div[class=classTwo]).css(background-color,red); //[attribute != value] $(div[class!=classTwo]).css(color,white); }); </script>

    One

    Two

    Three

    运行的结果:

     

    1010cc时时彩经典版 24

     

     

    基本采用器: 基本选拔器能够因而id、class等要平素寻觅DOM成分,比如: di选择器:$(#divOne).css(background-color,blue); 该成效是将...

    集结成分

    9、可知选用器

    1

    集合成分

    //each方法便是遍历每二个tr
    $("#t3 tr").each(function(){
    //查找每八个tr对象中的子成分:奇数行恐怕偶数行的子成分
    $(this).children(":even").css("background","red");
    $(this).children(":odd").css("background","green");
    });

    采用ancestor成分里的有所descendant(后代)成分

    $("div:last").css("background","red");
    });

    :odd

     

    [selector1][selector2][selectorN]

    <script language="JavaScript">
    /**
    * <input type="button" value="改动 id 为 one 的因素的背景象为 #0000FF" id="b1"/>
    * @param {Object} "#one"
    */
    //给id为b1的按键增加二个click事件
    $("#b1").click(function(){
    //改换id为one的成分的背景观
    $("#one").css("background","red");
    });

    群集成分

    /**
    * <input type="button" value=" 改造全数因素的背景象为 #00FF33" id="b4"/>
    */
    $("#b4").click(function(){
    $("*").css("background","red");
    });

    $(".one div")采纳class为one的下三个div成分

    <script language="JavaScript">
    /**
    * 子成分选择器的一个特色:在每贰个一定的因素下搜寻子成分
    * @param {Object} "div.one :nth-child(2)"
    */
    /**
    * <input type="button" value=" 每一种class为one的div父成分下的第四个子成分" id="b1"/>
    * 必须有空格
    */
    $("#b1").click(function(){
    $("div.one :nth-child(2)").css("background","red");
    });

    [attribute=value]

    5、子成分选取器

    选取属性的值以value甘休的成分

    7、表单选取器

    :first只回去单个成分,而:first-child采用符将为每种父成分相称第叁个子成分。举例$("ul li:first-child");采取各种ul中的第七个li成分

    /**
    * <input type="button" value=" 利用 jQuery 对象的 length 属性获取多选框选中的个数" id="b3"/>
    */
    $("#b3").click(function(){
    $("input[type='checkbox']:checked").each(function(){
    alert($(this).val());
    });
    });
    /**
    * <input type="button" value=" 利用 jQuery 对象的 text() 方法获得下拉框选中的内容" id="b4"/>
    */
    $("#b4").click(function(){
    /**
    * id为job下的被入选的option成分
    * @param {Object} $(this
    */
    $("#job option:selected").each(function(){
    alert($(this).text());
    });
    });
    </script>

    十一分全体因素

    /**
    * <input type="button" value=" 改动索引值为偶数的 div 成分的背景象为 #0000FF" id="b4"/>
    */
    $("#b4").click(function(){
    $("div:even").css("background","red");
    });

    :disabled

     

    层叠选拔器:
     
    $("form input") 采用具有的form成分中的input成分
    $("#main > *") 选用id值为main的装有的子成分
    $("label input") 选取具备的label成分的下多个input成分节点,经测量试验采取器再次回到的是label标签前面一贯跟多个input标签的享有input标签成分
    $("#prev ~ div") 同胞选拔器,该接纳器重返的为id为prev的竹签成分的有所的属于同三个父成分的div标签
     
     
     
    过滤选取器
     
     
    主干过滤接纳器:
     
    $("tr:first") 选取具备tr成分的首先个
    $("tr:last") 选择具备tr成分的终极一个
    $("input:not(:checked) span") 过滤掉:checked的选用器的装有的input成分
     
    $("tr:even") 采用具有的tr成分的第0,2,4... ...个因素(注意:因为所挑选的四个因素时为数组,所以序号是从0开始)
     
    $("tr:odd") 选用具备的tr成分的第1,3,5... ...个成分
    $("td:eq(2)") 选拔具有的td成分中序号为2的可怜td成分
    $("td:gt(4)") 选择td成分中序号大于4的享有td成分
    $("td:ll(4)") 接纳td成分中序号小于4的有所的td成分
     
     
    内容过滤选拔器:
     
    $("div:contains('John')") 选拔具备div中隐含John文本的要素
    $("td:empty") 选拔具备的为空(也不满含文件节点)的td成分的数组
    $("div:has(p)") 选用具备含有p标签的div成分
    $("td:parent") 采取具有的以td为父节点的因素数组
     
     
    可视化过滤选用器:
     
    $("div:hidden") 接纳具有的被hidden的div元素
    $("div:visible") 选择具备的可视化的div成分
     
     
    属性过滤选取器:
     
    $("div[id]") 选拔具备含有id属性的div成分
    $("input[name='newsletter']") 选拔具备的name属性等于'newsletter'的input成分
     
    $("input[name!='newsletter']") 选用具备的name属性不等于'newsletter'的input成分
     
    $("input[name^='news']") 选用具备的name属性以'news'先导的input元素
    $("input[name$='news']") 采用具有的name属性以'news'结尾的input成分
    $("input[name*='man']") 选拔具有的name属性满含'news'的input成分
     
    $("input[id][name$='man']") 能够运用多少个属性进行协同采取,该采取器是猎取全部的蕴藏id属性而且那么属性以man结尾的要素
     
     
    子成分过滤选拔器:
     
    $("div span:first-child") 重回全体的div元素的首先个头节点的数组
    $("div span:last-child") 再次回到全体的div成分的末尾一个节点的数组
    $("div button:only-child") 重回全数的div中唯有独一二个子节点的全部子节点的数组
     
     
    表单成分选取器:
     
    $(":input") 选用具备的表单输入成分,包括input, textarea, select 和 button
    $(":text") 选用具备的text input成分
    $(":password") 采纳具备的password input元素
    $(":radio") 选用具备的radio input成分
    $(":checkbox") 选拔具备的checkbox input成分
    $(":submit") 选择具备的submit input成分
    $(":image") 选择具备的image input成分
    $(":reset") 选拔具有的reset input成分
    $(":button") 选用具备的button input成分
    $(":file") 采纳具有的file input成分
    $(":hidden") 采纳具有类型为hidden的input成分或表单的遮掩域
     
     
    表单成分过滤选取器:
     
    $(":enabled") 接纳具备的可操作的表单元素
    $(":disabled") 选择具备的不得操作的表单成分
    $(":checked") 选拔具有的被checked的表单成分
    $("select option:selected") 选拔具有的select 的子成分中被selected的因素

    /**
    * <input type="button" value=" 退换不包括文本 di; 的 div 成分的背景象" id="b5"/>
    */
    $("#b5").click(function(){
    $("div:not(:contains('di'))").css("background","red");
    });
    </script>

    load()方法参数解释

    参数名称 类型 说明
    url String 请求HTML页面的URL地址
    data(可选) Object 发送至服务器的key/value数据
    callback(可选) Function 请求完成时的回调函数,无论请求成功或者失败

    8、档期的顺序选拔器

    选拔含有选择器所相称的成分的成分

    <script language="JavaScript">
    /**
    * <input type="button" value=" 改换含有文本 ‘di’ 的 div 成分的背景象为 #0000FF" id="b1"/>
    */
    $("#b1").click(function(){
    $("div:contains('di')").css("background","red");
    });
    /**
    * <input type="button" value=" 改换不分包子成分(或然文本成分) 的 div 空成分的背景象为" id="b2"/>
    */
    $("#b2").click(function(){
    $("div:empty").css("background","red");
    });
    /**
    * <input type="button" value=" 改造含有 class 为 mini 成分的 div 成分的背景观为 #0000FF" id="b3"/>
    */
    $("#b3").click(function(){
    $("div:has(.mini)").css("background","red");
    });
    /**
    * <input type="button" value=" 改换含有子成分(可能文本成分)的div成分的背景观为 #0000FF" id="b4"/>
    */
    $("#b4").click(function(){
    $("div:parent").css("background","red");
    });

    群集成分

    2、jQuery过滤器

    element

     

    $(document).ready(function () {
            $('p').css('font-size', '12px');
        });4. * 接纳器(遍历全部因素)
    $(document).ready(function () {
            // 遍历form下的持有因素,将字体颜色设置为革命
            $('form *').css('color', '#FF0000');
        });5. 并列选取器
    $(document).ready(function () {
            // 将p元素和div元素的margin设为0
            $('p, div').css('margin', '0');
        });

    /**
    * <input type="button" value=" 要是class为one的div父成分下的独自唯有多少个子成分,那么选中那个子成分" id="b4"/>
    */
    $("#b4").click(function(){
    $("div.one :only-child").css("background","red");
    });
    </script>

    子成分过滤选取器

     

    用属性采取器合併成三个复合属性选拔器,知足多少个规范。每采用三次,收缩二次范围。

    /**
    * <input type="button" value=" 改换 class 为 mini 的保有因素的背景观为 #FF0033" id="b3"/>
    */
    $("#b3").click(function(){
    $(".mini").css("background","red");
    });

    分选属性的值含有value的要素

    /**
    * <input type="button" value=" 属性title值 以te开始 的div元素." id="b4"/>
    */
    $("#b4").click(function(){
    $("div[title^='test']").css("background","red");
    });

    集合成分

    /**
    * <input type="button" value=" 属性title值不等于test的div成分(没有品质title的也将被入选)" id="b3"/>
    */
    $("#b3").click(function(){
    $("div[title!='test']").css("background","red");
    });

    集结成分

    /**
    * <input type="button" value=" 退换全数的<span>元素和 id 为 two 的,id为one的,class为 mini的富有的成分的背景色为 #3399FF" id="b6"/>
    */
    $("#b6").click(function(){
    $("span,#two,#one,.mini").css("background","red");
    });
    </script>

    #id

    <script language="JavaScript">
    /**
    * <input type="button" value=" 含有属性title 的div成分" id="b1"/>
    */
    $("#b1").click(function(){
    $("div[title]").css("background","red");
    });

    集结成分

    /**
    * <input type="button" value="利用 jQuery 对象的 val() 方法更换表单内不可用 <input> 成分的值" id="b2"/>
    */
    $("#b2").click(function(){
    $("input:disabled").val("aaaa");
    });

    插入节点的办法

    方法 描述 示例
    append() 向每个匹配的元素内部追加内容 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("p").append("《b》你好《/b》");
    结果:
    《p》我想说:《b》你好《/b》《/p》
    appendTo() 将所有匹配的元素追到到指定的元素中。实际上,使用该方法是颠倒了常规$(A).append(B)的操作,既不是将B追到到A中,而是将A追加到B中 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $(《b》你好《/b》).appendTo("p");
    结果:
    《p》我想说:《b》你好《/b》《/p》
    prepend() 像每个匹配的元素内部前置内容 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("p").prepend("《b》你好《/b》");
    结果:
    《p》《b》你好《/b》我想说:《/p》
    prependTo() 将所有匹配的元素前置到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).prepend(B)的操作,既不是将B前置到A中,而是将A前置到B中 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("《b》你好《/b》").prependTo("P");
    结果:
    《p》《b》你好《/b》我想说:《/p》
    after 在每个匹配的元素之后插入内容 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("p").after("《b》你好《/b》");
    结果:
    《p》我想说:《/p》《b》你好《/b》
    insertAfter() 将所有匹配的元素插入到指定元素的后面。实际上使用该方法是颠倒了常规的$(A).after(B)的操作,既不是将B插入到A后面,而是将A插入到B后面 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("《b》你好《/b》").insertAfter("p");
    结果:
    《p》我想说:《/p》《b》你好《/b》
    before() 在每个匹配的元素之前插入内容 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("p").before("《b》你好《/b》");
    结果:
    《b》你好《/b》《p》我想说:《/p》
    insertBefore() 将所有匹配的元素插入到指定的元素的前面。实际上,使用该方法是颠倒了常规的$(A).before(B)的操作,既不是将B插入到A前面,而是将A插入到B前面 HTML代码:
    《p》我想说《/p》
    jQuery代码:
    $("《b》你好《/b》").insertBefore("p");
    结果:
    《b》你好《/b》《p》我想说:《/p》

    4、基本的选用器

    分选prev成分之后的装有siblings元素

    /**
    * <input type="button" value="选拔遮掩域,含有title的特性的div,id为one,class为one的成分" id="b8"/>
    */
    $("#b8").click(function(){
    $("input[type='hidden'],div[title],#one,.one").css("background","red");
    });
    </script>

    $(":hidden")选用全数不可知的元素。包蕴《input type="hidden"/》,《div style="display:none"》和《div style="visibility:hidden"》等要素。借使只想选取《input》元素,能够选拔$("input:hidden")

    /**
    * <input type="button" value=" 改换class不为one,有title属性,而且title属性的值为aa的div成分的背景象为革命" id="b3_1"/>
    */
    $("#b3_1").click(function(){
    $("div:not(.one)[title='aa']").css("background","red");
    });

    :header

    /**
    * $("#t2 tr td:first").css("background","red");
    * 首先找到id为t2的成分,再找找上面的子成分tr,从第两个tr成分起先查找子成分:第一个td,找到未来截止
    */
    //会去每多个tr下查找子成分第多少个td
    $("#t2 tr td:first-child").css("background","red");

    集合元素

    <script language="JavaScript">
    /**
    * <input type="button" value="利用 jQuery 对象的 val() 方法退换表单内可用 <input> 成分的值" id="b1"/>
    */
    $("#b1").click(function(){
    $("input:enabled").val("aaaa");
    });

    :visible

    6、内容过滤器

    :animated

    /**
    * <input type="button" value=" 改换全数的<span>元素和 id 为 two 的要素的背景象为 #3399FF" id="b5"/>
    */
    $("#b5").click(function(){
    $("span,#two").css("background","red");
    });

    慎选索引小于index的要素(index从0初叶)

    /**
    * <input type="button" value="属性title值 含有es的div元素." id="b6"/>
    */
    $("#b6").click(function(){
    $("div[title*='est']").css("background","red");
    });

    集合成分a

     

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:【1010cc时时彩经典版】深更半夜三更还在编码的

    关键词: