jQuery學習筆記 五

2021-08-29 01:50:00 字數 1594 閱讀 6201

負責解釋html和css**,並在瀏覽器的視窗裡顯示(視窗就是為訪問者顯示內容的視窗)

firefox使用gecko布局引擎

microsoft internet explorer 用的trident.

hide(),show(),toggle().動態改變css屬性,讓頁面的變化就在使用者的眼前發生。

fadein();將css從opacity從0改為100.

fadeto();將元素改為某個特定的透明度百分比。

fadeout();將元素改為透明度從100到0.

slideup();將元素向上滑動。

slidedown();將元素向下滑動

slidetoggle();自動改變向上向下滑動。滑動改變的是height屬性改為0的時候就相當於display:none;

串鏈結合效果 $("#box").fadein().fadeout();

animate適合於改變的css屬性:

* backgroundposition

* borderwidth

* borderbottomwidth

* borderleftwidth

* borderrightwidth

* bordertopwidth

* borderspacing

* margin

* marginbottom

* marginleft

* marginright

* margintop

* outlinewidth

* padding

* paddingbottom

* paddingleft

* paddingright

* paddingtop

* height

* width

* maxheight

* maxwidth

* minheight

* maxwidth

* font

* fontsize(在animate函式的css引數指定並不同於標準css屬性,例如這個css標準是:font-size。同理上面很多也是這樣的情況)

* bottom

* left

* right

* top

* letterspacing

* wordspacing

* lineheight

* textindent

* opacity

$('#box').animate(,1000).animate(,1000);//第乙個引數是css屬性,第二個引數是時間限制(可選)。

例如上面的**可以完成的操作就是將id為box的div從left=0的位置(原來是0,預設的),先移動到left等於500的位置再移動到left等於0的位置。

而且還可以改多個屬性:$('#box').animate(,1000).animate(,1000);

這是乙個需要自己想象力去改造和利用的強大的工具函式,賊棒!!!!(這裡的css屬性要使用dom標準設定,而不是css標準)。

關閉動畫效果:$.fx.off=true;     還有jquery的stop方法

初步學習jquery學習筆記(五)

從某個標籤開始,按照某種規則移動,直到找到目標標籤為止 講解 元素是 的父元素,同時是其中所有內容的祖先。元素是 元素的父元素,同時是 的子元素 左邊的 元素是 的父元素,的子元素,同時是 的後代。元素是 的子元素,同時是 和 的後代。兩個 元素是同胞 擁有相同的父元素 右邊的 元素是的父元素,的子...

我的jQuery學習之路 筆記(五)

1,empty方法 嚴格的講,empty 方法並不是刪除節點,而是清空節點,它能清空元素中的所有後代節點 empty不能刪除自己本身這個節點 2,remove方法 該節點與節點所含的所有後代節點將同時被刪除 提供傳遞乙個篩選的表示式,用來指定刪除選中和集合中的元素 方法名引數 事件及資料是否也被移除...

jQuery學習筆記(五)JQ複習整理

jq層級選擇器 1,find 找到索引的子代 2,children 找到一級子代 3,next 找到下乙個兄弟元素 4,nextall 找到下面所有的兄弟 5,prev 找到上乙個兄弟 6,prevall 找到上面所有的兄弟 7,nextuntil 找到下面的所有兄弟,知道乙個元素為止 8,prev...