JQuery对象转成DOM元素
id选择器 $(“#id”)[0]
1
2
3
4
5
6
7
8
9
10
<input type="text" id="tx" value="44">
<script>
$(function() {
// 通过id选择器获取Jquery对象
var tx = $("#tx");
// 转成dom对象
var domObj = tx[0];
alert(domObj.value);
})
</script>
id选择器 $(“#id”).get(0)
1
2
3
4
5
6
7
8
9
10
<input type="text" id="tt" value="33">
<script>
$(function() {
// 通过id选择器获取Jquery对象
var tx = $("#tx");
// 转成dom对象
var domObj = tx.get(0);
alert(domObj.value);
})
</script>
标签选择器 $(“input”).eq(0)[0]
$(“input”).eq(0)[0] 或 $(“标签名”).get(0) // 下标从0开始
1
2
3
4
5
6
7
8
9
10
11
12
<input type="text" name="tt" value="33">
<input type="text" name="tt" value="44">
<script>
$(function() {
// 通过标签选择器获取Jquery对象（多个）
var jqObj = $("input");
// 获取单个jquery对象
var jq = jqObj.eq(0);
// 获取dom对象
var domObj = jqObj.get(0);
})
</script>
DOM元素转成Jquery对象
1
2
3
4
5
6
7
8
9
<input type="text" id="tx" value="33">
<script>
$(function() {
// 获取DOM元素
var domObj = document.getElementById("tx");
// 转成Jquery对象
var jq = $(domObj);
})
</script>