jQuery基礎 jQuery特殊屬性操作

1、index()

會返回當前元素在所有兄弟元素裡面的索引。

val方法用於設定和獲取表單元素的值，例如input、textarea的值

//設定值

$("#name").val(「張三」);
//獲取值
$("#name").val();

html方法相當於innerhtml text方法相當於innertext

//設定內容

$(「div」).html(「這是一段內容」);
//獲取內容
$(「div」).html()
//設定內容
$(「div」).text(「這是一段內容」);
//獲取內容
$(「div」).text()

設定或者獲取高度

//帶引數表示設定高度

$(「img」).height(200);
//不帶引數獲取高度
$(「img」).height();

//獲取可視區寬度

$(window).width();
//獲取可視區高度
$(window).height();

設定或者獲取垂直滾動條的位置

//獲取頁面被捲曲的高度

$(window).scrolltop();
//獲取頁面被捲曲的寬度
$(window).scrollleft();

offset方法獲取元素距離document的位置，position方法獲取的是元素距離有定位的父元素的位置。

//獲取元素距離document的位置,返回值為物件：

$(selector).offset();
//獲取相對於其最近的有定位的父元素的位置。
$(selector).position();

觸發事件click()

trigger()

我是乙個p元素

這個乙個提示訊息

鏈式程式設計

//設定性操作：可以鏈式程式設計

//獲取性操作，不能鏈式，因為獲取性操作，數值，字串，
//返回值是不是乙個jq物件。
console.log($("div").width(200).height(200).css("backgroundcolor", "pink").width());

jQuery基礎 初識jQuery

根據各種 的源 了解到要用1.x 引入 jquery庫 src jquery 1.12.4.js script 編寫 通過原生的js入口函式可以拿到dom元素 通過原生的js入口函式可以拿到dom元素的寬高 window.onload function ev script document read...

jQuery 基礎 操作 jQuery 物件

操作 jquery 物件 檢查數量 父子鄰居關係 過濾元素的集合 遍歷 用 jquery 建立 html 元素 dom 物件 元素 與 jquery 物件 前者是瀏覽器的網頁頁面中渲染出來的元素，而後者是對一組 dom 元素的包裝。檢查 dom 物件 if obj.nodetype 檢查 jquer...

jQuery基礎（二） 解決jQuery衝突

專案中，jquery衝突很常見，又容易帶來各種奇葩的問題，單獨整理。衝突就是指乙個專案中可能會使用多個框架，不同的框架又使用相同的符號 方法等，就會造成衝突。比如jquery用 來代替，另乙個框架可能也用 來代替，jquery中有a方法，另乙個框架也有a方法，這樣就會造成混亂與衝突。jquery衝突...