JQuery的部分用法詳解 帶示例

2021-08-14 05:47:28 字數 2901 閱讀 5391

ps:做靜態網頁登錄檔單的時候用到的一些jq知識,只是挑了一些比較常用的做了總結,並不全面。詳細的可以檢視api文件,在此並不贅述。順便賺點積分用- -資源:jquery api 1.4.1,如果實在沒有積分的私我,看到了私發你。

1.簡單示例

庫的引入
2.基本選擇器元素

用法示例

id$("#id")$("#one").css("background-color", "pink");

element

$("element")$("div").css("background-color", "pink");

.class

$(".class")$(".mini").css("background-color", "pink");

*$("*")$("*").css("background-color", "pink");

selector1,selector2,selectorn

$("selector1,selector2,selectorn")$("#two,div.mini").css("background-color", "pink");

3.層級選擇器元素

用法示例

ancestor descendant

$("ancestor descendant")$("body div").css("background-color", "pink");//選擇body中的所有的div元素

parent > child

$("parent > child")$("body>div").css("background-color", "pink");//選擇body中的第一級的孩子

prev + next

$("prev + next")$("#two+*").css("background-color", "pink");//選擇id為two的元素的下乙個同級元素

prev ~ siblings

$("prev ~ siblings")$("#one~*").css("background-color", "pink");//選擇id為one的所有的兄弟元素

4.基本過濾選擇器元素

用法示例

:first

獲取便簽下的第乙個元素

$("body div:first").css("background-color", "green");//選取body中的第乙個div元素背景色設定為綠色

:last

獲取便簽下的第乙個元素

$("body div:last").css("background-color", "green");//選取body中的最後乙個div元素背景色設定為綠色

:odd

獲取奇數行的元素

$("tbody tr:odd").css("background-color","gold");//奇數行背景色設定為金色

:even

獲取偶數行的元素

$("tbody tr:even").css("background-color","pink");//偶數行背景色設定為金色

5.屬性選擇器元素

示例[attribute]

$("div[id]").css("background-color", "green");//選擇有id屬性的div

[attribute=value]

$("div[id='two']").css("background-color", "green");//選擇有id屬性的值為two的div

6.表單屬性選擇器元素

用法示例

:checked

匹配所有選中的被選中元素(核取方塊、單選框等,不包括select中的option)

$(「input:checked」)

:selected

匹配所有選中的option元素

$(「input:selected」)

7.文件處理

1)內部插入

元素作用

2)刪除

元素作用

示例empty()

刪除匹配的元素集合中所有的子節點。

$(「p」).empty();//刪除p標籤內所有的內容(保留p標籤)

remove()

從dom中刪除所有匹配的元素。

$(「p」).remove();//刪除p標籤及其內所有的內容

8.事件元素

作用bind(「事件」,函式)

為(標籤)繫結函式

unbind(「事件」)

為(標籤)解繫結函式

click/dblclick

單擊/雙擊 事件

change

select標籤觸發

mouseover/mouseout

滑鼠移到/移出

focusin/focusout

聚焦/失焦 事件

ps:js事件和jq事件的不同在於jq事件在js事件的基礎上去除了on字首

extern的部分用法

extern c 這個就不說了。解決被編譯器認為重複定義的問題,直接看 某個標頭檔案,比如叫 externtest.h 中 externintiextern 這樣就是乙個變數宣告 而不是定義,因為沒有分配儲存空間 這以後就可以引用這個變數,而這個變數的儲存於下面的 int iextern 的那個位置...

PureLayout的部分用法

例如,一排並列兩個按鈕 需要注意的是,先新增的父檢視中,然後才能新增約束有效 1 第乙個按鈕的約束 normalcarrybtn autosetdimensionstosize cgsizemake uiscreenmainscreen bounds.size.width 15 3 2,40 nor...

pandas的部分用法

1.讀取和儲存csv文件 import pandas as pd data pd.read csv filename data2.to csv filename 2.替代dataframe中的數值,例如將 null 替換成 nan 但是series沒有replace操作 data data.repl...