jq簡單總結

2021-08-02 02:34:54 字數 1994 閱讀 1557

第一種:

$(function());

第二種:

$(document).ready(function());

第三種:

jquery(function());

需要注意的是

js和jq的入口函式不同點:

1:js的入口函式只能有乙個,如果寫了多個只執行最後乙個

2:jq的入口函式可以寫多個,並且順序執行

dom轉jq:$(ele)

jq轉dom: 1、$(『div』).get(0)  2、$(『dv』)[0]

使用.css()方法來實現

語法:1、     單屬性修改: .css(『屬性名』,』屬性值』);

2、     多屬性修改: .css();

3、     屬性獲取: .css(『屬性名』);

只要使用.attr()方法即可,它的語法和css()的語法完全一樣

使用.html()方法即可

獲取html內容: $(『span』).html();

設定html內容: $(『span』).html(『呵呵』);

對角線動畫:

1、     show() 顯示

2、     hide()  隱藏

3、     toggle() 切換

注意:物件線動畫如果不新增時間引數,就沒有動畫效果哦

滑動動畫:

1、slideup()    隱藏

2、slidedown()  顯示

3、slidetoggle()  切換

注意:如果控制滑動動畫的元素沒有寬高屬性,那麼jq就會把動畫改為對角線動畫來展示

注意:時間引數可以寫數字,也可以寫英文單詞字串-fast、slow、normal

$("#id") : id選擇器,document.getelementbyid("id");

$(「div」) :標籤選擇器

$(".myclass") : 類選擇器,返回所有class="myclass"的元素

$("*") : 返回所有元素,多用於結合上下文搜尋

$("div,span,p.myclass") : 多條件選擇器,返回所有查到的元素

$(『.ul01 .li02』) :後代選擇器

$(『.ul01 .li02>li』):表示子代選擇器 , 只能選擇第一級的後代。

$('.ul01 .li02+li'):表示選中指定標籤後面緊挨著的乙個同級標籤

$('.ul01 .li02~li'):表示選中指定標籤後面的所有同級的某種標籤

過濾選擇器的特點是在小括號中寫冒號

:gt(2)    大於2

:lt(2)     小於2

:not(.class01)  排除某些元素

:eq(1)     選索引值

:first      選第乙個

:last       選最後乙個

選父級元素   .parent()

選兒子級元素 .children()

選兄弟級元素 .siblings()

語法格式:

.hover(function(),function())

注意:如果只寫了乙個匿名函式,就代表移入和移出執行的是同樣的**

在jq中如果多次觸發動畫,那麼這些動畫就會排隊等待執行,如果不想要這個排隊效果,我們就在動畫之前新增乙個.stop()方法即可

$('.demo>li').hover(function())

直接使用.index()即可獲取索引值

在jq中,如果是針對同一目標進行的操作,就可以使用「點「語法來實現連續書寫**

$('.concenter li').eq($(this).index()).siblings().hide()

addclass(『myclass』)     新增類名

removeclass(『myclass』)  刪除類名

hasclass(『myclass』)     判斷是否含有某乙個類名

toggleclass(『myclass』)   切換某乙個類名

JQ基礎總結

p 元素選擇器 id id選擇器 class 類選擇器 選取全部元素 this 獲取當前元素 id click 點選事件 id mouseenter 滑鼠事件 id keypress 鍵盤事件 id submit 表單事件 id load 文件事件hide show id click functio...

了解簡單的JQ

最近接觸了乙個有點歷史的專案jq 挺煩的 不過呢 也學到點jq簡單的語法 記錄一下學習到的語法 jq操作dom selector action 1.this hide 隱藏當前元素 2.p hide 隱藏所有段落 3.test hide 隱藏所有class test 的所有元素 4.test hid...

jq應用總結(二)

這次說說進製轉換問題 因為jq是弱語言型別,所以你會發現,他會自動轉換進製,如當出現以0開頭的資料時,它就會出現自動八進位制轉十進位制 例 01111 八進位制 585 十進位制 情景分析 我有這麼乙個函式 資料是資料庫中取得的值01111 中呈現按道理來說是 getvalue 01111 但是事實...