精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

get()方法是用于将jQuery对象的方法转为JS原生对象的方法,使用后,可以在使用jQuery的情况下,使用原生JS对象的方法。text()方法,就是返回元素的内容,哪怕你内容里面写上了标签

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';
    }
 
});

text()方法

就是返回元素的内容,哪怕你内容里面写上了标签

$(function(){
 
    //alert( $('div').html() );
     
    //alert( $('div').text() );  //会获取所有的内容(特例)
     
    $('div').text('<h3>h3</h3>');
     
 
});

outerWidth与原生的区别

//outerWidth()
 
//offsetWidth : 是获取不到隐藏元素的值
 
$(function(){
 
    //alert( $('#div1').get(0).offsetWidth ); 原生的offsetWidth方法
     
    alert( $('#div1').outerWidth() );
 
});

remove()与detach();

//detach() : 跟remove方法一样,只不过会保留删除这个元素的操作行为
 
$(function(){
 
    $('div').click(function(){
        alert(123);
    });
 
    var oDiv = $('div').detach();  // 保留了元素的点击事件, 如果用remove就会抹去其原理的点击行为;
     
    $('body').append( oDiv );
     
 
});
Tags:JQuery text() get()