jQuery选择器(重要) 基本选择器;jquery的html方法，text方法，each方法，index方法

jQuery选择器(重要)

基本选择器

 

#id 根据 id属性查找(筛选)一个元素

Element 根据元素的标签名称查找元素

.class 根据元素的class属性查找元素

*  匹配所有元素

Selector1,selector2…  将每一个选择器匹配到的元素合并后，一起返回()selector1指的是不同的类型的选择器

$(function(){

//1 得到id=d1 的元素中的内容显示出

var html = $("#d1").html();//html方法得到的是对应元素中的所有内容包括标签

alert(html);

var text = $("#d1").text();//text方法得到的是对应元素中的文本内容

alert(text);

//2 将class=d 元素中的内容后面添加欢迎你 each 是遍历

$(".d").each(function(){

//this它是要给dom对象，要转换成jquery对象才能使用html方法

//将$(this).html()+"欢迎你"  当成前一个$(this).html();的html括号中 的内容

$(this).html($(this).html()+"欢迎你");

});

//3 得到id=d1 这个div在整个页面是第几个

var index = $("div").index($("#d1"));//index
就是判断id=d1的元素 在所有div中的索引值（序号）。从0开始

alert(index);

//4 得到class=d 的元素有几个

var size = $(".d").size();

alert(size);

// 5 将所有的class=d 或id = d1 元素中 的内容设置为java  

$(".d,#d1").html("xiugaiweijava");

});

 

方法总结:

a. html ()方法，无参数代表获取元素中的html代码，如果有参数代表设置元素的html信息

b. text()方法，无参数代表获取元素中的文本信息，如果有参数代表设置元素的文本信息

c. each()方法，它的使用可以帮助我们遍历元素，可以传递一个函数 each(function(n)),n就代表的是每一个元素的序号，在函数中可以通过this来获取其dom对象

d. index()方法，它可以判断元素的序号