将jQuery对象转换为DOM对象可以使用get()
或[index]
方法,将DOM对象转换成jQuery对象可以使用$()
或jQuery()
方法进行转换。
示例1:将jQuery对象转换成DOM对象
// 创建jQuery对象
var $elem = $('<div>', {text: 'Hello World!'});
// 将jQuery对象转换成DOM对象
var elem = $elem.get(0);
// 在DOM对象上操作
elem.style.backgroundColor = 'red';
// 将DOM对象转换成jQuery对象
var $newElem = $(elem);
示例2:将DOM对象转换成jQuery对象
// 获取DOM对象
var elem = document.getElementById('my-elem');
// 将DOM对象转换成jQuery对象
var $elem = $(elem);
// 在jQuery对象上操作
$elem.css('color', 'red');
// 再将jQuery对象转换成DOM对象
elem = $elem.get(0);
注意,在将DOM对象转换为jQuery对象时,必须用$()
或jQuery()
方法将DOM对象包装起来。同时,jQuery对象有一些特有的方法和属性,例如css()
、html()
、text()
等,而DOM对象没有这些方法和属性,需要使用原生的javascript方法进行操作。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jquery对象和javascript对象即DOM对象相互转换 - Python技术站