jq代码转成 js 代码

JavaScript016

jq代码转成 js 代码,第1张

var textareaItem = document.getElementsByClassName("textarea")

var lenInput = textareaItem.value().length

var textareaInput = document.getElementsByClassName("textareaInput")

textareaItem.on("mouseover mouseout keyup keydown"),function () {

   lenInput = this.value().length

   if (lenInput > 0 && lenInput <= 300) {

       textareaInput.innerHTML(lenInput)

   }

}

一、 jQuery对象转成DOM对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index)

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

如：var $v =$("#v") //jQuery对象

var v=$v[0]//DOM对象

alert(v.checked) //检测这个checkbox是否被选中

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象

如：var $v=$("#v")//jQuery对象

var v=$v.get(0)//DOM对象

alert(v.checked) //检测这个checkbox是否被选中

二、DOM对象转成jQuery对象:

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)

如：var v=document.getElementById("v")//DOM对象

var $v=$(v)//jQuery对象

转换后，就可以任意使用jQuery的方法了。