码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习-属性访问,插入节点

时间:2016-11-10 11:41:47      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:方式   val   htm   append   erp   http   span   user   blog   

//属性访问
$(function(){
//1.操作文本节点:通过jQuery 对象的text()方法 alert($("#bj").text()); $("#bj").text("123") //2.操作属性节点:通过jQuery对象的 attr()方法. //注:直接操作value属性值可以使用更便捷的val()方法. alert($(":text[name=‘username‘]").attr("value")); $(:text[name=username]).attr("value","123"); })

 插入节点

技术分享

 

//测试使用jQuery创建节点并插入节点到指定的节点中

1.创建节点:使用$(html) 方式即可 ,元素节点,文本节点,属性节点都可以

$(function(){

//1.创建一个<li id=‘id1‘>重庆</li>

//2.并把其加入到#city 的子节点

$("<li id=‘id1‘>重庆</li>").appendTo($("#city"));

$("#city").append("<li id=‘id1‘>[重庆]</li>")

$("<li id=‘id1‘>重庆</li>").prependTo($("#city"));

$("#city").perpend("<li id=‘id1‘>[重庆]</li>")

alert($("#id1").text())

})

 

2.插入节点

技术分享

//1.创建一个<li id="id1">重庆</li>

//2.并把其加入到#bj的后面

$("<li id =‘id1‘>重庆</li>").insertAfter($("#bj"))

$("#bj").after("<li id=‘id1‘>重庆</li>");

//加在前面

$("<li id =‘id1‘>重庆</li>").insertBefore($("#bj"))

$("#bj").before("<li id=‘id1‘>重庆</li>");

jQuery学习-属性访问,插入节点

标签:方式   val   htm   append   erp   http   span   user   blog   

原文地址:http://www.cnblogs.com/whzym111/p/6050169.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!