// 选择非标准的HTML元素
$("span:contain(Life)").addClass("class1"); // 选择包含单词 Life 的span元素,对其应用CSS类class1
$("div:odd").addClass("class1"); // 选择奇数div元素 (编号为1、3、5...)并应用类class1
$("div:even").addClass("class1"); // 选择偶数div元素 (编号为0、2、4...)并应用类class1
$("p:eq(1)").addClass("class1"); // 自定义选择器来选择第2的段落,(因为第1个的编号为0)并对其应用class1
// 计数DOM节点和显示其文本
$(document).ready(function () {
var $nodes = $("#root").children(); // 获取 #root 的所有子节点
alert("Number of nodes is " + $nodes.length);
var txt = "";
$("#root").children().each(function () { // each() 逐个访问 id="root" 的div 的所有子节点
txt += $(this).text();
});
alert(txt);
});
// 1.children() 是遍历树的方法,他搜索指定元素的子节点,并返回一个新的JQuery对象,此方法仅在 DOM 树中向下遍历一层。
// 2.each() 方法用于循环访问包装集合中的每个元素。它包含一个迭代函数。在迭代函数中,我们编写代码,应用于集合的每个单独元素。
// 3.text() 是JQuery对象的一个方法,用于访问指定元素的文本内容,它合并指定元素的文本内容,并以字符串的形式返回。
// 获得一个元素的HTML代码
$(document).ready(function () {
alert($("p").html());
});
// html() 方法从指定的元素中的第一个元素获取 HTML 内容,它以字符串形式返回HTML内容。
//注意 html() 和 text() 的区别:
// text() 方法可用于XML 文档和HTML文档,而html()只能用于HTML文档,html() 不仅能显示文本,还连同文本一起显示标记。