jQuery的一些實用的方法

乙個快速，小巧，功能豐富的js類庫;大型開發最常用的類庫之一;對原生js中諸如html文件遍歷和操縱，事件處理，動畫和ajax等操作進行了一次簡化封裝;多功能，可擴充套件，跨瀏覽器相容

選擇網頁元素

jq寫法

window.onload = function(){}

$(function(){});
function $(){}
innerhtml = 123;
html(123);
function html(){}
onclick = function(){}
click(function(){});
function click(){}

$('li').click(function())

$('#ipt').val(14);  //賦值

console.log($('#ipt').val());  //取值
$('#div1').html('hello');  //賦值
console.log( $('#div1').html() ); //取值
css('width','200px') //賦值
css('width')//取值

$(this).html();  //jq的寫法

this.innerhtml;  //js的寫法
$(this).innerhtml;  //錯誤的
this.html();  //錯誤的

111111
222222
333333

$('div').addclass('box2 box4');

$('div').removeclass('box1');

alert( $('div').width() );  //width

alert( $('div').innerwidth() );  //width + padding
alert( $('div').outerwidth() );  //width + padding + border
alert( $('div').outerwidth(true) );  //width + padding + border + margin

//定義乙個div標籤，乙個span標籤

//$('span').insertbefore( $('div') );  //把span插入到div的前面
//$('div').before( $('span') )  //div在span的前面
//$('div').insertafter( $('span') );
//$('span').after( $('div') );
//$('div').prependto( $('span') );
//區別 ：後續操作變了
//$('span').insertbefore( $('div') ).css('background','red');  //css的操作物件是span
$('div').before( $('span') ).css('background','red');  //css的操作物件是div

$('div').click(function(ev));

$('div').one('click',function());

$('#div2').offset().left;  //獲取到螢幕的左距離

$('#div2').position().left;  //到有定位的父級的left值,把當前元素轉化成類似定位的形式

//parent() : 獲取父級

//offsetparent() : 獲取有定位的父級
//$('#div2').parent().css('background','blue');
$('#div2').offsetparent().css('background','blue');

//alert( $('input').val() );

//$('input').val(456);
//alert( $('li').size() );  //4 像length
$('li').each(function(i,elem));

$('#div1').hover(function(),function());

jquery的一些實用方法

1，獲取瀏覽器型別與版本 使用 browser，browser.chrome 為true，表示當前為chrome瀏覽器，browser.mozilla 為true，表示當前為火狐瀏覽器，還可以通過 browser.version 方式獲取瀏覽器版本資訊。2，檢測瀏覽器是否屬於w3c盒子模型 瀏覽器的...

QTreeWidget的一些實用方法

qtreewidget 的一些實用用法 qtreewidget是一種樹形的部件，它以樹的形式顯示各個項，它的每個項使用qtreewidgetitem來表示。qtreewidgetitem的值的表示都是用qstringlist來表示的。qtreewidget treewidget new qtreew...

jquery一些方法

1，追加元素 prepend 在被選元素的開頭插入內容 after 在被選元素之後插入內容 before 在被選元素之前插入內容 引數可以為string 也可以為html 2，離開頁面時，提示 不是jquery方法 3，選擇元素 匹配id以aaa開頭 select id aaa 匹配id以aaa結尾...