jquery 經常使用函數

1.文檔加載完成執行函數
 $(document).ready(function(){
  alert("開始了");
 });css

2.添加/刪除CSS類
 $(selector).addClass("NewClassName");
 $(selector).removeClass("ClassNameToBeRemoved");ide

3.JQuery選擇函數
  1.$('#some-id').parent() 選擇特定元素的父元素
  2.$('#some-id').next()  選擇特定元素最近的下一個同級元素
  3.$('#some-id').siblings() 選擇特定元素的全部同級元素函數

4.事件函數事件

  1.$("selector").toggle(function(){ } ,function(){ }); //交替執行rem

 2. $("#some-id").hover(function(){ }, function(){ }); //鼠標進入元素時執行第一個函數,離開元素時執行第二個函數文檔

5.爲元素添加效果io

 1.樣式function

  $('selector').css('property', 'value') //設置一個樣式值select

 2.隱藏/顯示定時器

  $(selector).show();    //無效果,會自動記錄原來的display屬性值(如:block, inline),再回復display值
  $(selector).hide();  //無效果,等效於:$('#some-id').css('display', 'none');   隱藏元素,不保留物理位置

6.DOM操做

   $(selector).attr(); 

7.定時器

   setInterval(function();time);

相關文章
相關標籤/搜索