jQuery操作dom

jQuery常用选择器

• 基本选择器

 $("#myELement")    选择id值等于myElement的元素  $("div")           选择所有的div标签元素组   $(".myClass")      选择使用myClass类的所有元素   $("#myELement,div,.myclass") 并列选择器，进行联合选择

• 层次选择器

  $("form input")  后代选择器，选择所有的form元素中的input元素   $('div > span')  子元素选择器，选择div中标签名为span的子元素  $('#item + div') 选择id为item的节点的下一个兄弟元素

• 过滤选择器

 $("a[href]")  所有带有href属性的a元素 $("input[name='letter']") 选择所有的name属性等于'letter'的input元素  $("[href$='.jpg']") 所有 href 属性的值包含以.jpg结尾的元素 $("div:hidden")        选择所有的被hidden的div元素  $("div:visible")        选择所有的可视化的div元素 

• 表单选择器

$(":input")    所有<input>元素$(":text")     所有type="text"的<input> 元素$(":password") 所有 type="password"的<input> 元素$(":radio")    所有type="radio"的<input>元素$(":checkbox") 所有type="checkbox"的<input>元素$(":submit")   所有type="submit"的<input>元素$(":reset")    所有 type="reset" 的<input>元素$(":button")   所有 type="button"的<input>元素$(":image")    所有type="image"的<input>元素$(":file")     所有type="file" 的<input>元素$(":enabled")  所有激活的 input 元素$(":disabled") 所有禁用的 input 元素$(":selected") 所有被选取的 input 元素$(":checked")  所有被选中的 input 元素

jQuery操作dom

• text()，html()方法

text()用于设置或返回所选元素的文本内容html()用于设置或返回所选元素的HTML内容(包括标签)格式：$(selector).text(string)$(selector).html(string)

• val(), attr()

val() 用于设置或返回表单字段的值attr() 方法也用于设置/改变属性值格式：$(selector).val(string)$(selector).attr(property,string)例如：$("#test3").val(); 获取id为test3表单元素中的文本内容$("#test3").val("Dolly Duck"); 设置id为test3表单元素中的文本内$("#test4").attr("href"); 获取id为test4元素中的"href"属性值$("#test4").attr("href","http://www.aseoe.com/");设置id为test4元素中的"href"属性值

• append(), prepend()

格式：$(selector).append() 在被选元素的内部结尾插入内容$(selector).prepend() 在被选元素的内部开头插入内容

• after(), before()

$(selector).after() 在被选元素之后插入内容。$(selector).before() 在被选元素之前插入内容。

• remove(), empty()

$(selector).remove()  用于删除被选元素(其子元素)$(selector).empty()  用于从被选元素中删除子元素例子：//删除id为div1的元素$("#div1").remove();//删除 class="italic" 的所有 <p> 元素$("p").remove(".italic");//删除id为div1元素内的所有子元素$("#div1").empty();