web前端学习：JQuery选择器-1

选择器

    就是为了获取元素的，CSS中设置元素的样式可以通过选择器(c1-c3都用)。JQuery中通过选择器来获取元素进行操作。

DOM中获取元素的方式

1. document.getElementById(); 

2. document.getElementByTagName(); 

3. document.getElementByClassName(); 

    代码多，长，麻烦，JQ中可以更简单，更方便。

常用的JQ选择器

• id选择器,

• 标签选择器,

• 类选择器 

• $(“#btn”),$(“div”),$(“.cls”)$(“*”)所有的

  
  

标签+类选择器

    标签加类选择器： $(li.cls)

多条件选择器 

    多条件选择器： $(span,li,div)

几个常见的方法

• .html()方法,设置标签中间显示其他标签及内容,类似于 innerHTML

• .text()方法,设置标签中间显示的文本内容,类似于 innerText 

• .val()方法.设置input标签中value的值,类似于value

• .css()方法,.设置元素的样式,类似于style

 注意:()中写字符串,一个参数,就是要设置的值,什么也不写,返回的是这个属性的值 .css()写的是键值对

层次选择器

后代选择器 (子元素中元素,子,仔仔,孙) 

    $(“#dv li”)或者$(“ul li”)或者$(“.cls li”)

 子代选择器 (直接的所有子元素,儿子) 

    $(“#ul>li”)或者$(“div >span”)或者$(“.cls >li”)