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);