JQuery操作方法

jquery操作方法

位置操作：

offser()方法：獲取相對於整個document的位置,按照左上角來看

$（'查詢物件'）.offset()：獲取從左上角來說的位置對應值
$('查詢物件').offset():設定位置
position方法：​​
scrolltop()方法：獲取滾輪相對整個螢幕來說移動了多少值
$(window).scrolltop():獲取滾輪移動的值
$(window).scrolltop(0):將滾輪移動到0的位置
scrollleft():檢視滾輪向右移動了多少值

$('查詢物件').height():獲取盒子模型裡content的高度，也是我們設定的標籤的高度

$('查詢物件').width():獲取盒子模型裡content的寬度，也是我們設定的標籤的寬度
$('查詢物件').innerheight()：獲取盒子模型裡內容content的高度加上兩個pandding的高度
$('查詢物件').innerwidth()：獲取盒子模型裡內容content的寬度+兩個pandding的寬度
$'查詢物件').outheight():獲取盒子模型裡內容content的高度加上兩個pandding高度加上兩個border高度
$('查詢物件').outwidth():獲取盒子模型裡內容content的寬度加上兩個pandding寬度加上兩個border寬度

$('查詢物件').html():獲取第乙個匹配元素的html內容，包括標籤內容,獲取標籤和文字

$('查詢物件').text():取得所有匹配元素的內容，只有文字內容，沒有標籤
$('查詢物件').html(屬性值):將識別出來的物件加上html內容，html是可以識別標籤的，可以將標籤新增到上面去
$('查詢物件').text(屬性值):將識別出來的物件加上text內容，text不可以識別標籤的，只能將寫的標籤作為文字新增上去

值操作

$('查詢物件'）.val():取得第乙個匹配元素的當前值

$('查詢物件'）.val(屬性值)：設定所有匹配元素的值
$('查詢物件').val([屬性值1，屬性值2])：可以設定多選的checkbox,多選的select的值
$('選中物件:checked').val():會將多選標籤中選中的內容顯示，如果想看多個值需要進行迴圈
$('查詢物件').attr('checked','checked'):將匹配的選擇標籤進行選中操作

$('查詢物件').attr('age',18):給匹配到的元素增加age屬性並賦值$('查詢物件').attr()：可以匹配的元素設定多個屬性

$('查詢物件').attr（'age'):檢視匹配到的元素的屬性對應的值
$('查詢物件').removeattr('age')刪除匹配到的元素的屬性對應的值
$('查詢物件').prop("checked")：針對單選和多選可以識別選中，未選中狀態，返回的是true和false
想設定選中的input標籤物件$('查詢物件').prop('checked',true) 
取消選中:$('查詢物件').prop('checked',false) 
prop和attr的區別：
​attr所指的屬性是html標籤屬性，而prop所指的是dom物件屬性，可以認為attr是顯式的，而prop是隱式的。
​attr獲取乙個標籤內沒有的東西會得到undefined，而prop獲取的是這個dom物件的屬性，因此checked為false
​1.對於標籤上有的能看到的屬性和自定義屬性都用attr
2.對於返回布林值的比如checkbox、radio和option的是否被選中或者設定其被選中與取消選中都用prop。
​具有 true 和 false 兩個屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
​

事件繫結

JQuery 屬性操作方法

以下的方法可以用於獲得或者設元素的dom屬性 addclass sample 1.p first addclass class1 如需加多個，用空格分隔 2.p addclass function n 注 n為選取器的index.hasclass sample p first hasclass cl...

jQuery 文件操作方法

方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配的元素內部追加內容。向匹配的元素內部追加內容。attr 設定或返回匹配元素的屬性和值。before 在每個匹配的元素之前插入內容。clone 建立匹配元素集合的副本。detach 從 dom 中移除匹...

jQuery 文件操作方法

jquery 文件操作方法 這些方法對於 xml 文件和 html 文件均是適用的，除了 html 方法 描述 addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設...