Jquery入门级常用(2)——选择器和数组遍历

  •  Jquery选择器:

  js的选择器有时候是一些入门新手的病痛,往往为了选择个东西,各种选过来选过去,跳着选,指定命名选,层级选,标签选,遍历着选,等等。确实根据不同的标签环境会有很多不同的选择方式,这也显示出js选择器的强大之处。下面我来总结下我使用过或者认为可行的选择思路:

  

            (如果看不清图片,请将图片拉到一个新的标签页显示)

  选择的话,按照这个是可以选择到的了,多用用就会用啦。当然这些也只是系统提供的一些基本选择方式,如果需要的内容非常非常复杂,还可以自己根据情况通过遍历,查找,筛选等等进行选择;

 

  • 两大门派:  

  一种是以    $("label + input") 为主的选择方式,这里使用各种 + > :  等等;

  一种是以   var img_set = $(this).parent().next()  等等进行查找

   (如果产生了对象方法不能调用和想要知道console.log打印出来的不同,参见:Jquery入门级常用——语法入门和对象与DOM 节点探讨(自我记录,有错会更新))

详解:

上文所说的Jquery选择器都是些基本的选择器,这种方式通常是使用 

$("label + input")   
$("input[name='newsletter']").attr("checked", true);
$("ul li:first-child")
$("#chart> input")
这样的方式,而这里是用双引号引起来的,里面写的都是些标签的名字或者id号,类名,如果有时候我们用各种复杂方式选择到了一个内容,这时候已经传送了一个变量里面怎么办。我们直接使用
$("var > input")
肯定是不可以的,一个变量名放到引号,就不是变量了,// var money=$(img_set + div).attr('class'); 这样? 也不行啊!
但我们还要用怎么办,而且还要再查找。这个时候下面这种


 

  ===================为了寻你,我踏遍海角天涯===================

  • Jquery数组遍历:

  首先说 $.each() ;这个的回调函数有两个参数,第一个是数字索引,第二个是内容或者成为变量

$.each( [0,1,2], function(i, n){
  alert( "Item #" + i + ": " + n );
});

 先这么多吧,以后我对与知识性的文章会按照知识点进行更新,将适合在一起或者可以参考的内容写到一起。便于查询和形成学习体系。

 

http://www.soso.io/article/17139.html     JS 数组遍历

posted @ 2016-05-13 10:36  撕烤的攻城狮  阅读(626)  评论(0编辑  收藏  举报