導航:首頁 > 使用方法 > jq的常用方法

jq的常用方法

發布時間:2022-02-07 07:16:00

『壹』 jquery的幾個常用方法

.bind()
.unbind()
.css()
.hasclass()
.removeclass
.parent()
.children()
.html()
.hide()
.show()
.attr()
.val()

『貳』 常用的JQuery類方法有哪些

查看jquery的API手冊,所有的類方法都列在裡面,包含方使用參數、使用例子

『叄』 面試題jquery常用方法有哪些

animate() 對被選元素應用「自定義」的動畫 clearQueue() 對被選元素移除所有排隊的函數(仍未運行的) delay() 對被選元素的所有排隊函數(仍未運行)設置延遲 dequeue() 運行被選元素的下一個排隊函數 fadeIn() 逐漸改變被選元素的不透明度,從隱藏到可見 fadeOut() 逐漸改變被選元素的不透明度,從可見到隱藏 fadeTo() 把被選元素逐漸改變至給定的不透明度 hide() 隱藏被選的元素 queue() 顯示被選元素的排隊函數 show() 顯示被選的元素 slideDown() 通過調整高度來滑動顯示被選元素 slideToggle() 對被選元素進行滑動隱藏和滑動顯示的切換 slideUp() 通過調整高度來滑動隱藏被選元素 stop() 停止在被選元素上運行動畫 toggle() 對被選元素進行隱藏和顯示的切換

『肆』 jquery方法怎麼

jQuery 有很多函式。你是想寫出一套新的 jQuery,想寫新的 jQ 函式,還是想用 jQ 寫自己的函式?

『伍』 Jquery中常用的AJax的方法有哪幾個

jQuery中ajax的4種常用請求方式:

1.$.ajax()返回其創建的 XMLHttpRequest 對象。
$.ajax() 只有一個參數:參數 key/value 對象,包含各配置及回調函數信息。詳細參數選項見下。
如果你指定了 dataType 選項,請確保伺服器返回正確的 MIME 信息,(如 xml 返回 "text/xml")。
實例:
保存數據到伺服器,成功時顯示信息。
$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$$")[0]);

}
}
});

2.通過遠程 HTTP GET 請求載入信息。
這是一個簡單的 GET 請求功能以取代復雜 $.ajax 。請求成功時可調用回調函數。如果需要在出錯時執行函數,請使用 $.ajax。
實例:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3. 通過遠程 HTTP POST 請求載入信息。
這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時可調用回調函數。如果需要在出錯時執行函數,請使用 $.ajax。
實例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功!");
}
})

4.通過 HTTP GET 請求載入 JSON 數據。
實例:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

『陸』 jquery的引用方式有幾種分別是什麼

總共有三種引用方式。

1、最常用的,引入樣式表,在樣式表中編寫樣式,引入方式如下:

<link href="css/style.css" rel="stylesheet" type="text/css">

2、在Html頭部用<style></style>包起來,在這裡面編寫樣式:

<style type="text/css">

*{

padding: 0;margin: 0

}

</style>

3、在標簽裡面直接編寫行內樣式。

<div style="color: #333"><div>

當然還有一種方式是用JS直接更改或者賦值給某個標簽,但是其實是屬於第三種的范圍的。

『柒』 jquery的初始化方法有哪些

第一種:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>

<script type="text/javascript">

//init method one
$(document).ready(function(){
trace("初始化方法進入");
});
function trace(obj){
console.log(obj);
}
</script>
第二種:
<script type="text/javascript">
//init method one
$(function(){
trace("初始化方法進入二");
});
function trace(obj){
console.log(obj);
}
</script>
第三種:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>
<script type="text/javascript">
//init method one
jQuery(function($){
trace("初始化方法進入三");
});
function trace(obj){
console.log(obj);
}
</script>

『捌』 jQuery常用屬性和方法有哪些

屬性:

獲得標簽:$("#id")
獲得標簽內的代碼:.html()
獲得標簽內的文本:.text()
修改標簽內的代碼:.html("內容");
修改標簽內的文本:.html("內容");

獲得標簽屬性:.attr("屬性");
修改標簽屬性:attr("屬性","屬性值");

添加樣式:addClass("樣式名");
動態切換樣式:toggleClass("樣式名");
獲取樣式:css

添加元素:append("元素");
移去元素:.remove();
清空節點: .empty();

獲取第二個li節點: var $li=$("ul li:eq(1)");
獲取第二個li節點的文本內容: var li_txt=$
方法:
一:插入節點:
append() 向每個匹配的元素文本內部的後面追加內容
eg:<p>我想說:</p>

代碼:

$("p").append("<b>你好</b>");

結果為:<p>我想說:<b>你好</b></p>

appendto() 將所有的匹配的元素追加到指定的元素中。實際上,使用該方法是顛倒了常規的$(A).append(B)的操作,即不是B追加到A中,而是將A追加到B文本的後面中。
eg:<p>我想說:</p>

代碼:

$("<b>你好</b>").appendTo("p");

結果為:<p>我想說:<b>你好</b></p>

prepend() 向每個匹配的元素文本的內部前置內容。
eg:<p>我想說:</p>

代碼:

$("p").prepend("<b>你好</b>");


結果為:<p><b>你好</b>我想說:</p>

prependto() 將所有的匹配的元素前置到指定的元素中。實際上,使用該方法是顛倒了常規的$(A).append(B)的操作,即不是B前置到A中,而是將A前置到B中
eg:<p>我想說:</p>

代碼:

$("<b>你好</b>").prependto("p");

結果為:<p><b>你好</b>我想說:</p>

after() 向每個匹配的元素之後插入內容 。
eg:<p>我想說:</p>

代碼:

$("p").after("<b>你好</b>");


結果為:<p>我想說:<b>你好</b></p>

insertAfter 將所有的匹配的元素插入到指定的元素後面。實際上,使用該方法是顛倒了常規的$(A).append(B)的操作,即不是B插入到A後面,而是將A插入到B後面。
eg:<p>我想說:</p>

代碼:

$("<b>你好</b>").after("p");

結果為:<p>我想說:<b>你好</b></p>
before() 在每個匹配的元素之前插入內容
eg:<p>我想說:</p>

代碼:

$("<b>你好</b>").after("p");

結果為:<p>我想說:<b>你好</b></p>
insertBefore():將A標簽插入到B標簽的前面

二:刪除:
①remove 該節點所包含的所有的後代節點將同時被刪除 也可以通過參數來選擇
②empty 清空節點,它能清空元素中的所有後代節點

三:替換節點:
①replaceWith() 作用是將所有匹配的元素都替換成指定的HTML或DOM元素
②replaceAll()

四:包裹節點:
①warp() 作用是是將所有元素進行單獨包裹
②warpAll() 作用元素的是所有匹配的元素用一個元素來包裹
③warpinner() 作用是將每一個的子內容(包括文本節點)用其他結構化的標記包裹起來

五:設置和獲取HTML、文本值
1、html():
2、text
3、val

六:遍歷節點
1、children(): 取得匹配元素的子元素
2、next():取得匹配元素後面緊鄰的同輩元素
3、prev():取得匹配元素前面緊鄰的同輩元素
4、siblings():取得匹配元素前後所有的同輩元素
5、closest():取得最近的匹配元素

七:css-dom
css 獲取樣式的屬性

offset()
position
scroll
scrollLeft

樣式操作:
1:獲取樣式和設置樣式 attr
eg:<p class="myClass" title="選擇你最喜歡的水果">你最喜歡的水果是?</p>
獲取樣式: var p_class=$("p").attr("class");
設置樣式:$("p").attr("class","high");
2:追加樣式 addClass
<style>
.high{
font-weight:bold 粗體字
color:red 字體顏色
}
.another{
font-weight:italic 斜體字
color:blue 字體顏色
}
</style>

追加樣式:

$("input:eq(2)").click(function(){$("p".addClass("another"))})

☆在css中有以下規定:
①如果給一個元素添加了多個class值,那麼就相當於合並了他們的樣式
②如果不同的class設置了同一樣式,則後者覆蓋前者
addClass attr
對同一個網頁元素進行操作 <p>test</p> <p>test</p>
第一次使用 $<"p">.addClass("high"); $<"p">.attr("class","high");
第一次結果 <p class="high">test</p> <p class="high">test</p>
再次使用 $<"p">.addClass("another"); $<"p">.attr("class","another");
最終結果 <p class="high another">test</p> <p class="another">test</p>

3:移除樣式 removeClass
<p class="high another">test</p>
移除一個:$<"p">.removeClass("high");
移除二個:$<"p">.removeClass("high").removeClass("another");==$<"p">.removeClass("high another")
移除全部:$<"p">.removeClass();

4:切換樣式 toggle


5:判斷是否含有摸個樣式 hasClass
可以用來判斷元素中是否含有某個class,如果有返回true否則返回false

『玖』 jQuery的10個常用方法是什麼

index()
eq()
text()
html()
css()
attr()
animate()
show()
hide()
toggle()
以上是我覺得用的比較多的方法,望採納!

『拾』 jquery有什麼方法

$("").val()//獲取元素的value值有參數的話就是賦值
$("").attr()//兩個參數,第一個參數是元素的屬性名稱,第二個參數是想要設置屬性的值,如果只有一個參數是就是獲取屬性的值。
還有好多,建議你去網路w3school上面有jquery基礎相關的東西,然後再買本鋒利的jquery提高下。
按以下幾類分解
一、選擇器(定位元素方法)方法
$("各種類型選擇器")

二、篩選方法
$("xxx").find()等

三、對DOM元素的增、刪、改方法
如append/remove/html/clone等

四、對DOM元素屬性的增、刪、改方法
如attr/css/val等方法

五、對集合的處理方法
如json/each等方法

六、對事件的綁定方法
如click/bind/live/toggle等方法

七、其它常用方法
如ajax等

閱讀全文

與jq的常用方法相關的資料

熱點內容
摔跤徒手訓練方法 瀏覽:531
簡單做蒸雞蛋糕的方法 瀏覽:463
紅魔晶使用方法 瀏覽:720
白內障主要治療方法 瀏覽:810
84去霉斑最簡單方法 瀏覽:458
花生芽苗菜的種植方法 瀏覽:538
陽光板大棚安裝方法 瀏覽:337
玉石腰帶扣的使用方法 瀏覽:350
整數拆數的計算方法 瀏覽:516
花灑頭開關漏水怎麼處理方法 瀏覽:912
蘇打洗衣服的方法技巧 瀏覽:499
高三學生如何正確的學習方法 瀏覽:407
用專政的方法解決矛盾 瀏覽:855
3714的計算方法 瀏覽:147
日本蛇毒眼膜使用方法 瀏覽:112
女生尖叫訓練方法 瀏覽:150
家裡烤麵包的製作方法和步驟 瀏覽:927
小米5s運營商在哪裡設置方法 瀏覽:71
用簡單的方法找到市場籌碼集中區 瀏覽:624
中介借鑰匙解決方法 瀏覽:975