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 (if21. 替換字串中的單詞( $.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' ))
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. 動態建立元素到dom
29. 限制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...