jquery 进行dom操作

1.使用jqury进行dom操作

(1).新建节点 使用$()包住即可返回值是jquery对象

var $liNode=$("<li></li>")

(2).把节点插入到文档中的8个方法

1.append,appendTo    这两个方法是插入到文档的末尾,注意append的左边是要被插入的对象,其他的同理可知

2.pretend,pretendTo  插入到文档的头

3.insertAfter,after   插入到文档的后面

4.insertBefore,before  插入到文档的前面

(3).删除节点

a.remove();a被清除

(4)清空节点

a.empty();a被清空

(5)克隆节点

//在红警的下面game中克隆北京
$('#game li:first').after($('#a1').clone(true).attr("id","a2"));

(6)替换节点

//创建一个字节点替换游戏中的红警节点
$("<li>景德镇</li>").replaceAll($('#game li:first'));
$('#a1').replaceWith($("<li>景德镇</li>"))

 

注意:由于replaceAll和replaceWith的返回值不同建议优先使用replaceWith()方法

var $bj= $('#a1').clone();
//红警被北京替换掉
var $h=$('#h').replaceWith($bj);
//背静替换红警;

$('#a1').replaceWith($h);

(7).val() html().text(),attr(),width(),height()都具有读写的方法;

//得到某个节点的html()内容

 alert($('#city').html())

设置某个节点的html()内容

 

val()方法我不知道的

可以设置单选下拉列表的值

$('单选框').val("选择1");

设置多选下拉列表的值val()的参数必须是数组

$('#multiple').val(["选择1","选择2"]);

注意:设置单选按钮val()的参数也一定要是数组

$(':radio').val(["单选1"]);

 

2.技术点之外

input text  val()才能得到文本值而text()不能得到

 

(1)defaultValue这是一个dom属性,可以读取表单的默认值

 (2)val()radio设置也要使用数组

(3)jquery可以实现方法的连缀。因为他调用后返回的还是他本身

(4)find()查找子节点,返回的是子节点jquery对象

 

 

1.处理的问题就是getParameter()乱码的问题
问题原因:text-workspace的编码方式不同,网页进行传输是iso-8859-1
解决方式.:设置统一的编码方式
1.点击项目邮件最下角有一个properties里设置utf-8
2.点击window-prefenences-general-content Type-text设置同意的编码格式
2.jquery的添加html文本时
不能进行直接
$('ul').append("<li>")
.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
.append("</li>");
他这样添加的是这样的代码
<li><li>
<div></div>
<div></div>


所以应该这样先定义<li></li>节点
var $li=$("<li></li>");
$li.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
然后获取ul节点进行添加
$(".ul").append($li);

posted @ 2017-04-11 11:51  0101无限的空间  阅读(135)  评论(0编辑  收藏  举报