jQuery常用屬性和方法有哪些

屬性：

嘉魚網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

獲得標(biāo)簽：$("#id")

獲得標(biāo)簽內(nèi)的代碼：.html()

獲得標(biāo)簽內(nèi)的文本：.text()

修改標(biāo)簽內(nèi)的代碼：.html("內(nèi)容");

修改標(biāo)簽內(nèi)的文本：.html("內(nèi)容");

獲得標(biāo)簽屬性：.attr("屬性");

修改標(biāo)簽屬性：attr("屬性","屬性值");

添加樣式：addClass("樣式名");

動(dòng)態(tài)切換樣式：toggleClass("樣式名");

獲取樣式：css

添加元素：append("元素");

移去元素：.remove();

清空節(jié)點(diǎn)： .empty();

獲取第二個(gè)li節(jié)點(diǎn)： var $li=$("ul li:eq(1)");

獲取第二個(gè)li節(jié)點(diǎn)的文本內(nèi)容： var li_txt=$

方法：

一：插入節(jié)點(diǎn)：

append() 向每個(gè)匹配的元素文本內(nèi)部的后面追加內(nèi)容

eg：p我想說：/p

代碼：

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

結(jié)果為：p我想說：b你好/b/p

appendto() 將所有的匹配的元素追加到指定的元素中。實(shí)際上，使用該方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是B追加到A中，而是將A追加到B文本的后面中。

eg：p我想說：/p

代碼：

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

結(jié)果為：p我想說：b你好/b/p

prepend() 向每個(gè)匹配的元素文本的內(nèi)部前置內(nèi)容。

eg：p我想說：/p

代碼：

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

結(jié)果為：pb你好/b我想說：/p

prependto() 將所有的匹配的元素前置到指定的元素中。實(shí)際上，使用該方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是B前置到A中，而是將A前置到B中

eg：p我想說：/p

代碼：

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

結(jié)果為：pb你好/b我想說：/p

after() 向每個(gè)匹配的元素之后插入內(nèi)容 。

eg：p我想說：/p

代碼：

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

結(jié)果為：p我想說：b你好/b/p

insertAfter 將所有的匹配的元素插入到指定的元素后面。實(shí)際上，使用該方法是顛倒了常規(guī)的$(A).append(B)的操作，即不是B插入到A后面，而是將A插入到B后面。

eg：p我想說：/p

代碼：

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

結(jié)果為：p我想說：b你好/b/p

before() 在每個(gè)匹配的元素之前插入內(nèi)容

eg：p我想說：/p

代碼：

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

結(jié)果為：p我想說：b你好/b/p

insertBefore():將A標(biāo)簽插入到B標(biāo)簽的前面

二：刪除：

①remove 該節(jié)點(diǎn)所包含的所有的后代節(jié)點(diǎn)將同時(shí)被刪除 也可以通過參數(shù)來選擇

②empty 清空節(jié)點(diǎn)，它能清空元素中的所有后代節(jié)點(diǎn)

三：替換節(jié)點(diǎn)：

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

②replaceAll()

四：包裹節(jié)點(diǎn):

①warp() 作用是是將所有元素進(jìn)行單獨(dú)包裹

②warpAll() 作用元素的是所有匹配的元素用一個(gè)元素來包裹

③warpinner() 作用是將每一個(gè)的子內(nèi)容（包括文本節(jié)點(diǎn)）用其他結(jié)構(gòu)化的標(biāo)記包裹起來

五：設(shè)置和獲取HTML、文本值

1、html()：

2、text

3、val

六：遍歷節(jié)點(diǎn)

1、children（）： 取得匹配元素的子元素

2、next（）：取得匹配元素后面緊鄰的同輩元素

3、prev（）：取得匹配元素前面緊鄰的同輩元素

4、siblings（）：取得匹配元素前后所有的同輩元素

5、closest（）：取得最近的匹配元素

七：css-dom

css 獲取樣式的屬性

offset（）

position

scroll

scrollLeft

樣式操作：

1：獲取樣式和設(shè)置樣式 attr

eg：p class="myClass" title="選擇你最喜歡的水果"你最喜歡的水果是？/p

獲取樣式： var p_class=$("p").attr("class");

設(shè)置樣式：$("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中有以下規(guī)定：

①如果給一個(gè)元素添加了多個(gè)class值，那么就相當(dāng)于合并了他們的樣式

②如果不同的class設(shè)置了同一樣式，則后者覆蓋前者

addClass????????????????????????????????????? attr

對(duì)同一個(gè)網(wǎng)頁元素進(jìn)行操作???????? ptest/p???????????????????????????????? ptest/p

第一次使用??????????????????????? $"p".addClass("high");?????????????????? $"p".attr("class","high");

第一次結(jié)果??????????????????????? p class="high"test/p??????????????????? p class="high"test/p???

再次使用????????????????????????? $"p".addClass("another");???????????????? $"p".attr("class","another");

最終結(jié)果????????????????????????? p class="high another"test/p???????????? p class="another"test/p

3：移除樣式 removeClass

p class="high another"test/p?

移除一個(gè)：$"p".removeClass("high");

移除二個(gè)：$"p".removeClass("high").removeClass("another");==$"p".removeClass("high another")

移除全部：$"p".removeClass();

4：切換樣式 toggle

5：判斷是否含有摸個(gè)樣式 hasClass

可以用來判斷元素中是否含有某個(gè)class，如果有返回true否則返回false

Jquery中常用的AJax的方法有哪幾個(gè)

jQuery中ajax的4種常用請(qǐng)求方式：

1.$.ajax()返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。

$.ajax() 只有一個(gè)參數(shù)：參數(shù) key/value 對(duì)象，包含各配置及回調(diào)函數(shù)信息。詳細(xì)參數(shù)選項(xiàng)見下。

如果你指定了 dataType 選項(xiàng)，請(qǐng)確保服務(wù)器返回正確的 MIME 信息，(如 xml 返回 "text/xml")。

實(shí)例：

保存數(shù)據(jù)到服務(wù)器，成功時(shí)顯示信息。

$.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.通過遠(yuǎn)程 HTTP GET 請(qǐng)求載入信息。

這是一個(gè)簡單的 GET 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。

實(shí)例：

$.get("test.cgi", { name: "John", time: "2pm" },

function(data){

alert("Data Loaded: " + data);

});

3. 通過遠(yuǎn)程 HTTP POST 請(qǐng)求載入信息。

這是一個(gè)簡單的 POST 請(qǐng)求功能以取代復(fù)雜 $.ajax 。請(qǐng)求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù)，請(qǐng)使用 $.ajax。

實(shí)例：

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {

if (data == "ok") {

alert("添加成功！");

}

})

4.通過 HTTP GET 請(qǐng)求載入 JSON 數(shù)據(jù)。

實(shí)例：

$.getJSON(";tagmode=anyformat=jsonjsoncallback=?",

function(data){

$.each(data.items, function(i,item){

$("img/").attr("src", item.media.m).appendTo("#images");

if ( i == 3 ) return false;

});

});

JQuery常用寫法

jQuery(function(){})、jQuery().ready(function(){})

綁定點(diǎn)擊事件: jQuery('#temp').click(function() {})；

篩選:jQuery('#temp [type="checkbox"]').prop('disabled'，false)； 這句話的作用就是將id為temp的對(duì)象下所有類型是復(fù)選框的子對(duì)象的禁用給解用。

其實(shí)jQuery確實(shí)很強(qiáng)大，有時(shí)間的話，你可以看看jQuery的幫助文檔。

JQuery主要是做什么用的？

JQuery主要是做優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。

jQuery是一個(gè)快速、簡潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。

它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。

擴(kuò)展資料：

jQuery 的文檔非常豐富，因?yàn)槠漭p量級(jí)的特性，文檔并不復(fù)雜，隨著新版本的發(fā)布，可以很快被翻譯成多種語言，這也為jQuery 的流行提供了條件。

jQuery 被包在語法上，jQuery 支持CSS1-3 的選擇器， 兼容IE 6.0+, FF 2+,Safari 3.0+, Opera 9.0+, Chrome 等瀏覽器。

同時(shí)，jQuery 有約幾千種豐富多彩的插件，大量有趣的擴(kuò)展和出色的社區(qū)支持，這彌補(bǔ)了jQuery功能較少的不足并為jQuery 提供了眾多非常有用的功能擴(kuò)展

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、在標(biāo)簽里面直接編寫行內(nèi)樣式。

div style="color: #333"div

當(dāng)然還有一種方式是用JS直接更改或者賦值給某個(gè)標(biāo)簽，但是其實(shí)是屬于第三種的范圍的。

引用

寫文章時(shí)，有意引用成語、詩句、格言、典故等， 以表達(dá)自己想要表達(dá)的思想感情，說明自己對(duì)新問題、新道理的見解，這種修辭手法叫引用。

jquery中基本選擇器是哪三種

一、基本選擇器

基本選擇器是jQuery中最常用也是最簡單的選擇器，它通過元素的id、class和標(biāo)簽名等來查找DOM元素。

1、ID選擇器

#id

描述：根據(jù)給定的id匹配一個(gè)元素，

返回單個(gè)元素（注：在網(wǎng)頁中，id名稱不能重復(fù)）

示例：$("#test")

選取

id

為

test

的元素

2、類選擇器

.class

描述：根據(jù)給定的類名匹配元素，返回元素集合

示例：$(".test")

選取所有class為test的元素

3、元素選擇器

element

描述：根據(jù)給定的元素名匹配元素，返回元素集合

示例：$("p")

選取所有的p元素

4、*

描述：匹配所有元素，返回元素集合

示例：$("*")

選取所有的元素

5、selector1，selector2,...,selectorN

描述：將每個(gè)選擇器匹配到的元素合并后一起返回，返回合并后的元素集合

示例：$("p,span,p.myClass")

選取所有p,span和class為myClass的p標(biāo)簽的元素集合

二、層次選擇器

三、過濾選擇器

四、表單選擇器（返回元素集合，使用相似）

網(wǎng)站欄目：jquery常用,jquery常用選擇器
瀏覽地址：http://chinadenli.net/article29/dsgcojh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、自適應(yīng)網(wǎng)站、虛擬主機(jī)、域名注冊(cè)、定制網(wǎng)站、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)