1. 程式人生 > >jquery常用命令

jquery常用命令

nbsp input 插入內容 ide wrap 動畫 中文 字符串 mat

常用操作 打印內容: alert() 獲取文本: span.text 獲取屬性:attr("title") 插入節點:append($li_1)

常用外包裹

加載完DOM後執行 $(document).ready(function(){}); $(function(){}); 事件綁定 $(".recruit-l-btn").on(‘click touchstart‘, function(event) { }); $("button").click(function() { } ); 窗口變化時 $(window).resize(function(){}); 加載完所有後執行 $(window).load(function(){}); 監聽屏幕滾動 $(window).scroll(function(){ }); 屏幕改變時刷新 window.onresize=function(){ location=location } 常用命令
hide() 隱藏 | show() 顯示 | 顯示+隱藏 .toggle(); | 顯示隱藏速度設置 hide(1000) |

this 當前 | parents 上級 | next 後面 | siblings 所有同級 | find 後代 toggleClass 添加刪除類 | addClass 添加類 | .removeClass 刪除類 fadetoggle 淡入淡出 | fadeIn() 淡入 | fadeOut() 淡出 slideToggle 滑入滑出 | slideUp 滑入 | slideDown 滑出 常用篩選
:first :匹配找到的第一個元素。 | :last :匹配找到的最後一個元素 | :not():去除所有與給定選擇器匹配的元素 :even:匹配所有索引值為偶數的元素,下標從0開始 : | odd:匹配所有索引值為奇數的元素 | :eq(index) :匹配一個給定索引值的元素 | :gt(index) :匹配所有大於給定索引值的元素 | :lt(index) :匹配所有小於給定索引值的元素 冒泡

event.stopPropagation(); // 阻止了事件冒泡,但不會阻擊默認行為

event.preventDefault(); //不阻擊事件冒泡,但阻擊默認行為。

returnfalse; //阻止默認行為 阻止事件冒泡

插入節點 append() :每一個匹配元素內部追加內容 $("p").append("<b>你好</b>") appendTo():追加到指定元素中 $("<b>你好</b>").append("p") prepend():每一個匹配元素前置內容 prependTo():匹配元素前置到指定元素中 insertAfter():所有匹配元素插入到指定元素後面 before():之前插入內容 instrtBefore():匹配元素插入到指定元素前面 包裹節點: wrap():每一個匹配元素都包裹 $("p").wrap("<b></b>") wrapAll():所有匹配元素用一個包裹 wraplnner():每一匹配元素的子內容進行包裹 (子內容+元素) 屬性操作 attr(“屬性”):獲取屬性 attr("屬性,屬性值"):添加屬性 attr({"屬性1:屬性值1,屬性2:屬性值2,"}) 多屬性添加 removeAttr():刪除屬性 設置和獲取HTML、文本和值 1、html():設置和讀取元素中HTML內容 $("p").html(); 2、text():讀取和設置元素中文本內容 $("p").text(); 3、val(): 讀取和設置元素的值 $("input").val(); 動畫 1、算定義動畫 animate(樣式,速度,動畫完成時執行函(可選) 如:.animate({left:"+=500px",height:"500px"},3000) 2、動畫回調函數 .animate("normal",function({$(this).css(top:20px)})) 3、停止動畫和判斷是否處於動畫狀態 stop(是否清動畫,是否將動畫跳轉到結束時刻) .is(:animated)判斷是否處於動畫狀態 個數 .length,即是數組的長度(個數) .length() 方法是字符串的長度(個數)

jquery常用命令