jQuery学习---第三天

jQuery获取

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值

 

例子：

alert($("#cs").text());   
alert($("#cs").html());   /*这里会输出id为cs元素中的全部内容包括标签名字*/
alert($("#cs").attr("id"));/*返回id为cs的id内容*/
$("#test3").val("Dolly Duck"); /*改变value值*/

这些都是可以回调的：

回调
$(document).ready(function(){
  $("button").click(function(){
    $("#w3s").attr("href", function(i,origValue){
      return origValue + "/jquery"; 
    });
  }); 
});

　　

jQuery append() 方法
jQuery append() 方法在被选元素的结尾插入内容。

　　

jQuery prepend() 方法
jQuery prepend() 方法在被选元素的开头插入内容。

jQuery after() 和 before() 方法
jQuery after() 方法在被选元素之后插入内容。

jQuery before() 方法在被选元素之前插入内容。

jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
$("#div1").empty();
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
$("#div1").remove();

过滤被删除的元素
$("p").remove(".italic");


jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：
  ● addClass() - 向被选元素添加一个或多个类
  ● removeClass() - 从被选元素删除一个或多个类
  ● toggleClass() - 对被选元素进行添加/删除类的切换操作
  ● css() - 设置或返回样式属性

addClass() 方法

jQuery removeClass() 方法
下面的例子演示如何不同的元素中删除指定的 class 属性