jQuery中的DOM操作（二）

1.属性操作
在jQuery中，用attr()方法来获取和设置元素的属性，removeAttr()方法来删除元素属性
2.样式操作
addClass()方法用来追加样式；
removeClass()用来移除样式；
toggle()用来切换样式；（注意区别hover()方法）

例：$toggleBtn.toggle(function() {
    //显示元素  代码3
},function() {
    //隐藏元素  代码4
});

toggle()方法此处的作用是交替执行代码3和代码4两个函数，如果元素原来是显示的，则隐藏它；如果元素原来是隐藏的，则显示它。此时，toggle()方法主要是控制行为上的重复切换
hasClass()用来判断元素中是否含有某个class，如果有，则返回true，否则返回false；
二。设置和获取HTML，文本和值
1.html()方法类似于js中innerHTML属性，可以用来读取或者设置某个元素的HTML内容
2.text()方法类似于js中的innerText属性，用来读取或设置某个元素中的文本内容
3.val()方法类似于js中的value属性，可以用来读取或设置某个元素的值

例：$("#address").focus(function () {
    var txt_value=$(this).val();
    if(txt_value == "请输入邮箱地址"){
        $(this).val("");
    }
});
$("#address").blur(function () {
    var txt_value=$(this).val();
    if(txt_value == ""){
        $(this).val("请输入邮箱地址");
    }
});

三。遍历节点
1.children()方法用于取得匹配元素的子元素集合（不考虑其他后代元素）
2.next()方法用于取得匹配元素后面紧邻的同辈元素

例：var $p1=$("p").next(); //取得紧邻<p>元素后的同辈元素

3.prev()方法用于取得匹配元素前面紧邻的同辈元素
4.siblings()用于取得匹配元素前后所有的同辈元素