jQuery DOM节点操作,DOM对象是通过原生的JS获取的对象,DOM对象只能使用JS中的方法和属性,jQuery对象是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。jQuery可以使用jQuery库里面的方法,但是不能使用js中的方法
创建节点:
1、var box=$(“
2、$(“body”).append(box);
插入节点(jQuery有好几种方法来插入节点):
append向指定元素内部后面插入节点content
append(function
(index,html){})使用匿名函数向指定元素内部后面插入节点
appendTo将指定元素移入到指定元素内部后面
prepend向指定元素内部的前面插入节点
prepend(function
(index,html){}) 使用匿名函数向指定元素内部前面插入节点
prependTo将指定元素移入到指定元素内部前面
列如:
$(“div”).append(“插入节点”)
$(“div”).append(function (index, html) {
eturn “插入节点+index+html”
});
jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素。
DOM对象转换为jQuery对象
var box =
document.getElementById(“box”);//DOM对象
(box);//jQuery对象
jQuery对象转换为一个DOM对象
var d i v s = divs= divs=(“div”);//jQuery对象 divs中包含所有的$divs元素
var div=$divs[0];//div为DOM对象
var div= d i v s . g e t ( 0 ) ; / / 将 divs.get(0);//将 divs.get(0);//将divs对象中索引为0的元素转换为DOM对象