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);
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);
相关文章推荐
- jQuery对象与dom对象相互转换
- jQuery对象与DOM对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- js-jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jquery对象与dom对象相互转换
- (转载)js-jQuery对象与dom对象相互转换
- JQuery与Dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与DOM对象相互转换
- jquery对象和javascript对象即DOM对象相互转换
- jQuery4(Dom与jQuery对象的相互转换)
- JavaScript对象之间的转换 jQuery对象和原声DOM
- jQuery对象与dom对象相互转换
- 05 HTML字符串转换成jQuery对象、绑定数据到元素上
- jQuery对象与dom对象相互转换