02-$符号-jquery与js相互转换

时间:2020-9-13 作者:admin

$符号-jquery与js相互转换

作者:曾庆林

获取Dom对象

JavaScript方式

var id=document.getElementById("id");

jQuery方式

var $id=$("#id");

js Dom对象 转换为jQuery 对象

$(expression)
接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素

将一个或多个DOM元素转化为jQuery对象 注意是jQuery对象,而不是DOM对象

var myh=document.getElementsByTagName("h1")[2];
$(myh).css("color","red"); 
// 转换为jquery对象才能用jQuery的方法

jQuery 的核心功能都是通过这个函数实现的

jQuery转换成js对象

只需在jQuery对象后跟一个索引值(如[0])—因为它得到的是一个对象数组,即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。

$("h1").css("color","red");
alert($("h1")[0].innerHTML); 
// 得到数组中的第一个DOM对象

另外也可以用

var id=$id.get(0);

02-$符号-jquery与js相互转换

IT入门 感谢关注

练习地址: www.520mg.com/it

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。