JQuery 学习(一)

 // 选择非标准的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() 不仅能显示文本，还连同文本一起显示标记。