jquery中如何选择选取DOM元素

jquery中如何选择选取DOM元素,第1张

一、选取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数据库、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9666987.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存