get()方法是用于将jQuery对象的方法转为JS原生对象的方法,使用后,可以在使用jQuery的情况下,使用原生JS对象的方法。text()方法,就是返回元素的内容,哪怕你内容里面写上了标签
//get() : 就是把JQ转成原生JS $(function(){ //document.getElementById('div1').innerHTML //alert( $('#div1').get(0).innerHTML ); /*for(var i=0;i<$('li').get().length;i++){ //值得一提的是,这里也可以直接使用$('li').length,因为length本身也是jQuery的方法; $('li').get(i).style.background = 'red'; }*/ for(var i=0;i<$('li').length;i++){ $('li').get(i).style.background = 'red'; //$('li')[i].style.background = 'red'; } });
就是返回元素的内容,哪怕你内容里面写上了标签
$(function(){ //alert( $('div').html() ); //alert( $('div').text() ); //会获取所有的内容(特例) $('div').text('<h3>h3</h3>'); });
//outerWidth() //offsetWidth : 是获取不到隐藏元素的值 $(function(){ //alert( $('#div1').get(0).offsetWidth ); 原生的offsetWidth方法 alert( $('#div1').outerWidth() ); });
//detach() : 跟remove方法一样,只不过会保留删除这个元素的操作行为 $(function(){ $('div').click(function(){ alert(123); }); var oDiv = $('div').detach(); // 保留了元素的点击事件, 如果用remove就会抹去其原理的点击行为; $('body').append( oDiv ); });