一、选取DOM元素
jQuery的核心是通过各种选择器,选中DOM元素,可以用querySelectorAll方法模拟这个功能。
var $ = documentquerySelectorAllbind(document);
这里需要注意的是,querySelectorAll方法返回的是NodeList对象,它很像数组(有数字索引和length属性),但不是数组,不能使用pop、push等数组特有方法。
二、DOM *** 作
DOM本身就具有很丰富的 *** 作方法,可以取代jQuery提供的 *** 作方法。
尾部追加DOM元素。
// jQuery写法
$(parent)append($(child));
// DOM写法
parentappendChild(child)
头部插入DOM元素。
// jQuery写法
$(parent)prepend($(child));
// DOM写法
parentinsertBefore(child, parentchildNodes[0])
删除DOM元素。
// jQuery写法
$(child)remove()
// DOM写法
childparentNoderemoveChild(child)
建2个页面
1、testphp页面,代码如下:
<title></title>
<script src="jquery-142minjs" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
x=100000;
y=1;
$("#dosubmit")click(function(){
var rand=parseInt(Mathrandom() (x - y ));
var rand1=StringfromCharCode(Mathfloor( Mathrandom() 26) + "a"charCodeAt(0));
var col="<input name=info["+rand1+rand+"] type='text' class='text' value='"+rand+"' />";
$("input[id=submit]")before(col);
})
$("#submit")click(function(){
$("form input[class=text]")each(function(){
var val=$(this)val();
})
})
})
</script>
<meta >
以上就是关于jquery中如何选择选取DOM元素全部的内容,包括:jquery中如何选择选取DOM元素、php中 jquery如何获取js动态添加的文本框数组值,并插入mysql数据库、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)