0603_JQuery对象和DOM对象、各种选择器

1、JQuery对象的方法

$("#title").html();

2、JQuery对象和DOM对象  相互转换

3、console.log

console.log($("#title").html());

4、基本选择器

5、层次选择器

后代：空格。包括子类、孙类等。

子选择器：>。必须是子类，元素可以是多个。

//将textRight下面的子类的所有p标签置成红色
  $(".textRight>p").css({"color":"red"});

相邻同辈：+ ( 只有一个，返回的是next元素，关键词：相邻、同辈）

同辈元素：~(可以有多个)

jquery中的相邻元素，就是同级的标签元素的意思~

jquery中相邻元素可以通过 
 next()相邻下一个同辈元素
 prev()相邻上一个同辈元素
 siblings()相邻所有同辈元素

6、属性选择器

将book下，p标签且带有class属性的，字体置红(根据是否包含某属性选取元素)
  $("#book p[class]").css({"color":"red"});

// 根据属性和属性值，选取元素
$("#book [class=textRight]").css({"color":"red"});

// /* 获取并设置所有<dt>、<dd>、class为intro的元素字体颜色 */  

$(".intro,dt,dd").css("color","#ff0000");

$(".textRight [id*='price']  ").css({"color":"red"});//属性值包含price

7、过滤选择器

    7.1 基本过滤选择器

     

      工

         

$("#hide").click(function () {
   $("p:visible").hide();

});


$("#show").click(function () {
    $("p:hidden").show();
});

8 、end.