jQuery 常用getter&setter
asGet:Get the value of a property/an attribute for the first element in the set of matched elements.
asSet:Set one or more properties/attributes for the set of matched elements.
Note:To retrieve and change DOM properties such as the checked
, selected
, or disabled
state of form elements, use the .prop() method
e.g:
//suppose ele is a checkbox if(ele.checked) if(ele.prop('checked')) if(ele.is(':checked'))
asGet:Get the computed style properties for the first element in the set of matched elements.
asSet:Set one or more CSS properties for the set of matched elements.
.toggleClass() : Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument.
asGet:Get the current value of the first element in the set of matched elements.
asSet:Set the value of each element in the set of matched elements.
asGet:Get the combined text contents of each element in the set of matched elements, including their descendants.
asSet:Set the content of each element in the set of matched elements to the specified text.
asGet:Get the HTML contents of the first element in the set of matched elements.
asSet:Set the HTML contents of each element in the set of matched elements.
asGet:Get the current coordinates of the first element in the set of matched elements, relative to the document.
asSet:Set the current coordinates of every element in the set of matched elements, relative to the document.
Note:The .offset()
method allows us to retrieve the current position of an element (specifically its border box, which excludes margins) relative to the document.Contrast this with .position()
, which retrieves the current position relative to the offset parent.
position()返回相对于父元素的偏移量
width()height()获得元素的宽高,不包括内外边距及边框,设置时会受到盒模型的影响
innerWidth()innerHeight()包含内边距
outerWidth()outerHieght()包含内边距及边框
scrollTop()scrollLeft()获得或设置元素滚动条的位置
asGet: Set Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
asSet: Store arbitrary(任意的) data associated with the matched elements.
Note:Using the object directly to get or set values is faster than making individual calls to .data()
to get or set each value:
var mydata = $( "#mydiv" ).data(); if ( mydata.count < 9 ) { mydata.count = 43; mydata.status = "embiggened"; }