jquery常用方法

2022-01-24 14:15:06 字數 3682 閱讀 4693

height()/ width()獲取第乙個匹配元素當前計算的的高度/寬度值。

height(val)/ width(val) 為每個匹配元素設定css高度屬性/寬度屬性值。

$(#"mydiv").height(); $(#"mydiv").height(10);
css(properties)     把乙個「名/值對」物件設定為所有匹配元素的樣式屬性

---在所有匹配的元素上設定大量樣式屬性的最佳方式!

$(#"mydiv").css();

$(".short").animate();

$(this).parent().addclass("selected");
parent()獲取的是一級父元素,parents()獲取全部的父節點。

//

縮圖tab切換

tab切換

1、建立乙個巢狀的過濾器

.filter(":not(:has(.selected))") //

去掉所有不包含class為.selected的元素

3. 使用has()來判斷乙個元素是否包含特定的class或者元素

$("input").has(".email").addclass("email_icon");
4. 使用jquery切換樣式

$('link[media='screen']').attr('href', 'alternative.css');
6. 如何正確使用toggleclass等價寫法:

a.hasclass('bluebutton') ? a.removeclass('bluebutton') : a.addclass('bluebutton');

a.toggleclass('bluebutton');
7. 設定ie指定的功能

if ($.browser.msie)
8. 使用jquery來替換乙個元素

$('#thatdiv').replacewith('fnuh');
9. 驗證乙個元素是否為空

if ($('#keks').html())
10. 在無序的set中查詢乙個元素的索引

$("ul > li").click(function () );
11. 繫結乙個函式到乙個事件

$('#foo').bind('click', function() );

12. 新增html到乙個元素13. 建立元素時使用物件來定義屬性

var e = $("", );
14. 使用過濾器過濾多屬性

$('#someid input[type=sometype][value=somevalue]').get();
15. 使用jquery預載入

jquery.preloadimages = function

() };

//用法

18. 隱藏包含特定值的元素

$("p.value:contains('thetextvalue')").hide();
19. 自動的滾動到頁面特定區域

jquery.fn.autoscroll = function

(selector) , 500); } //

then to scroll to the class/area you wish to get to like this: $('.area_name').autoscroll();

20. 檢測各種瀏覽器

detect safari (if

( $.browser.safari)),

detect ie6 and over (

if ($.browser.msie && $.browser.version > 6)),

detect ie6 and below (

if ($.browser.msie && $.browser.version <= 6)),

detect firefox 2 and above (if ($.browser.mozilla && $.browser.version >= '1.8' ))

21. 替換字串中的單詞

var el = $('#id'); el.html(el.html().replace(/word/ig, ''));
22. 關閉右鍵的選單

$(document).bind('contextmenu',function(e));
27. 指定時間後自動隱藏或者關閉元素(1.4支援)1.3.2用法:

settimeout(function() , 500) }, 5000);
1.4用法:

$(".mydiv").delay(5000).hide('blind', {}, 500);
28. 動態建立元素到dom29. 限制textarea的字元數量

jquery.fn.maxlength = function

(max)

else

if(type == "textarea");

this.onkeyup = function

() }; } }); }; //

usage: $('#gbin1textarea').maxlength(500);

Jquery 常用方法

取得下拉列表的選取值 testselect option selected text 下拉列表選中的文字 或 testselect find option selected text 或 testselect val 下拉列表選中的值 賦值給下拉列表 testselect attr value 1 ...

Jquery常用方法

常用的方法 show 顯示掩藏的匹配元素 hide 方法 css name,value 給元素設定樣式 text string 設定所有匹配元素的文字內容 filter expr 篩選出與指定表示式匹配的元素集合 find 元素內尋找匹配元素 如 tr find radio 這獲取到 radio v...

jQuery常用方法

1 常用方法 1 filter 過濾 得到具有每一特徵的元素 div filter a css background yellow 所有div裡面找到id為a的div2 not 和filter 相反 div not a css background yellow 所有div裡面找到id不為a的div...