美文网首页
03-$符号-jquery与js相互转换

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

作者: 轻思维 | 来源:发表于2017-08-31 22:24 被阅读0次

    $符号-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);
    

    相关文章

      网友评论

          本文标题:03-$符号-jquery与js相互转换

          本文链接:https://www.haomeiwen.com/subject/mkgcjxtx.html