您的位置:首页 > Web前端 > JQuery

jquery对象和dom元素的转换

2017-12-06 08:56 429 查看
 jquery对象转成dom对象:

1. $("#id名")[0]  //id选择器

<input type="text" id="tx" value="44">

$(function() {
//通过id选择器获取jquery对象
var tx=$("#tx");
//转成dom对象
var domObj=tx[0];
})

2.$("#id名").get(0)   //id选择器
<input type="text" id="tt" value="33">

$(function() {
//转成dom对象
var domObj=$("#tt").get(0);

alert(domObj.value);
})

3.//标签选择器
$("标签名").eq(0)[0]   或
$("标签名").get(0) //下标从0开始    

<input type="text" name="tt" value="33">

<input type="text" name="tt" value="44">

$(function() {   
//通过标签选择器获取jquery对象(多个)
var jqObj=$("input");

//获取单个jquery对象
var jq=jqObj.eq(0);

//获取dom对象
var domObj=jqObj.get(0);
})

dom对象转成jquery对象:

<input type="text" id="tx" value="33">

//获取文本框
var domObj=document.getElementById("tx");
//转成jquery对象
var jq=$(domObj);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: