jq代码转成 js 代码

JavaScript015

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的方法了。