js和jQuery的转换

<script>
    1// $("div").innerText("重置文本")
    2//document.querySelectorAll("div").text("嘻嘻")

    3  $("div")[0].innerText="哈哈"
    4 $("div").get(1).innerText="哈哈2"

    5 // let jsObj = document.querySelectorAll("div")
6 $(jsObj).text("嘻嘻") // 可以的,推荐
    7  jQuery(jsObj).text("哈哈4")
</script>

关于js和jQuery的转换问题

      首先他们之间是各有自己的方法的,因此,不能互相使用,比如,innerText是属于js的方法,而text为jQuery的方法,

      所以第1行代码,不能生效,因为$表示的jQuery的对象,不能调用js的innerText的方法,应该是$("div").text("重置文本")才会有效果

     第2行是,js对象调用了jq的方法text,也是行不通的,应该先把js对象转为jq对象,如同第5,6行代码操作,当然也可以直接 

 $( document.querySelectorAll("div")).text('嘻嘻')

这里涉及到转换问题:js 转换成 jq,方法1:$(js对象)-----推荐 方法2:jQuery(js对象) 正如代码中的6,7行
jq 转换成 js 方法1:jQuery对象[index]---推荐 方法2:jQuery对象.get(index) 正如代码中的3,4行代码

猜你喜欢

转载自www.cnblogs.com/zmlgoes/p/12971998.html