jQuery第五节---

1.jQuery获取

(1)jQuery获得内容和属性
jQuery拥有可操作HTML元素和属性的强大方法

jQuery DOM操作

jQuery中非常重要的部分就是操作DOM的能力

jQuery中提供一系列与DOM相关的方法，这使访问和操作DOM元素变得很容易！

DOM=Document Object Model(文档对象模型)

DOM定义访问HTML和XML文档的标准

获取内容---text()、html()以及val()

text()------设置或返回所选元素的文本内容  text()方法会自动解释html标签为对应样式

html()------设置或返回所选元素的内容(包括HTML()标记)   html()不会自动解析其所包含的html标签，而是将其直接输出

val()------设置或返回表单字段的值

获取属性---attr()

jQuery attr()方法用于获取属性值

$("#w3s").attr("href");

2.jQuery设置

(1)jQuery---设置内容和属性

$(selector).html("<b>Hello world!</b>");

通过html()属性写入页面的内容，可以解析标签

$("#test1").text("Hello world!");

$("#test3").val("Dolly Duck");

(2)text(),html()以及val()的回调函数

$(selector).text(function(i,origText){});

i被选元素中当前元素的下标值

origText()原始(旧的值)

然后以函数新值返回您希望使用的字符串

return New text: Hello world!

(3)设置属性----attr()

jQuery attr()方法也用于设置/改变属性值

 $("#w3s").attr("href","http://www.w3school.com.cn/jquery");

attr()方法也允许您同时设置多个属性

 $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });

attr()的回调函数

jQuery方法attr(),也提供回调函数

回调函数由两个参数被选元素列表中当前元素的下标，以及原始的旧值。然后以函数新值返回您希望使用的字符串！

(4)jQuery()添加元素

通过jQuery可以很容易的添加新元素，内容

append()在被选元素的结尾插入内容

prepend()在被选元素的开头插入内容

after()在被选元素之后插入内容

before()在被选元素之前插入内容

以HTML创建新元素：var txt1=“<p>Text.</p>”;

以jQuery创建新元素： var txt2=$("<p></p>").text("Text.");

以DOM创建新元素：  var tx3=document.creatElement("p");

after() 和 before() 方法能够通过参数接收无限数量的新元素

$("img").after(txt1,txt2,txt3);