jQuery常⽤⽅法汇总常⽤⽅法索引:
1.JQuery⾃执⾏函数(三种)
<() html() val()
3.css()
<() ⾮ajax⽤法
5.parent() children() parents() find()
6.eq() siblings() index()
7.height() width()
8.addClass() removeClass() hasClass()
10.show() hide()
12.slideUp() slideDown() slideToggle()
13.attr()
14.add() remove() append() appendTo() prepend() prependTo()
<() 事件委托
<() nextAll() nextUntil()
18.each()
AJAX
19.load()
<() post() ajax()
1.⾃执⾏函数(三种)
$(function(){
// do something
})
$(document).ready(function(){
//do something
})
$().ready(function(){
//do something
})
表⽰⽂档结构已经加载完成(不包含图⽚等⾮⽂字媒体⽂件),onload则指⽰页⾯包含图⽚等⽂件在内的所有元素都加载完成。
<() html() val()
text() ⽅法设置或返回被选元素的⽂本内容。成员函数和构造函数的区别
当该⽅法⽤于返回内容时,则返回所有匹配元素的⽂本内容(会删除 HTML 标记)。
当该⽅法⽤于设置内容时,则重写所有匹配元素的内容。
语法:
jquery下载文件请求返回⽂本内容:
$( selector).text()
设置⽂本内容:
$( selector).text( content)
使⽤函数设置⽂本内容:
$( selector).text(function (index,currentcontent))
html() ⽅法设置或返回被选元素的内容(innerHTML)。
当该⽅法⽤于返回内容时,则返回第⼀个匹配元素的内容。
当该⽅法⽤于设置内容时,则重写所有匹配元素的内容。
语法:
返回内容:
$( selector).html()
设置内容:
$( selector).html( content)
使⽤函数设置内容:
$( selector).html(function (index,currentcontent))
val() ⽅法返回或设置被选元素的 value 属性。
当⽤于返回值时:
该⽅法返回第⼀个匹配元素的 value 属性的值。
当⽤于设置值时:
该⽅法设置所有匹配元素的 value 属性的值。
注意:val() ⽅法通常与 HTML 表单元素⼀起使⽤。
语法
返回 value 属性:
$( selector).val()
设置 value 属性:
$( selector).val( value)
通过函数设置 value 属性:
$( selector).val(function (index,currentvalue))
3.css()
css() ⽅法设置或返回被选元素的⼀个或多个样式属性。
如需返回指定的 CSS 属性的值(⽆指定则返回第⼀个),请使⽤如下语法:css(" propertyname");
如需设置指定的 CSS 属性(⽆指定则设置全部),请使⽤如下语法:css(" propertyname"," value");
<() ⾮ajax⽤法
get() ⽅法获取由选择器指定的 DOM 元素。
语法
$( selector).get( index)
index可选。规定要获取哪个匹配的元素(通过 index 编号)。
5.parent() children() parents() find()
parent() ⽅法返回被选元素的直接⽗元素。
$(selector).parent(filter)
filter可选。规定缩⼩搜索⽗元素范围的选择器表达式。
例⼦:
<script>
$(document).ready(function(){
百度推广售后$("span").parent("li.1").css({"color":"red","border":"2px solid red"}); });
</script>
winform论坛</head>
<body class="ancestors">body (曾曾祖⽗节点)
<div >div (曾祖⽗节点)
<ul>ul (祖⽗节点)
<li class="1">li (直接⽗节点)
<span>span</span>
</li>
<li class="2">li (直接⽗节点)
<span>span</span>
</li>
</ul>
</div>
children() ⽅法返回被选元素的所有直接⼦元素。
$(selector).children(filter)
filter可选。规定缩⼩搜索⼦元素范围的选择器表达式。
parents() ⽅法返回被选元素的所有祖先元素。
$(selector).parents(filter)
filter可选。规定缩⼩搜索祖先元素范围的选择器表达式。
注意:如需返回多个祖先,请使⽤逗号分隔每个表达式。
find() ⽅法返回被选元素的后代元素。
快速排序如何排序$(selector).find(filter)
filter必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。
注意:如需返回多个后代,请使⽤逗号分隔每个表达式。
6.eq() siblings() index()
eq() ⽅法返回带有被选元素的指定索引号的元素。
索引号从 0 开头,所以第⼀个元素的索引号是 0(不是 1)$(selector).eq(index)
index必需。规定元素的索引。可以是整数或负数。
注意:使⽤负数将从被选元素的结尾开始计算索引。
siblings() ⽅法返回被选元素的所有同级元素。同级元素是共享相同⽗元素的元素。$( selector).siblings( filter)
filter可选。规定缩⼩搜索同级元素范围的选择器表达式。
index() ⽅法返回指定元素相对于其他指定元素的 index 位置。
注意:如果未到元素,index() 将返回 -1。
获得元素当前的 index 值。
$( selector).index()
获得元素相对于选择器的 index 位置。
$( selector).index( element)
7.height() width()
height() ⽅法设置或返回被选元素的⾼度。
width() ⽅法设置或返回被选元素的宽度。⽅法同height()
8.addClass() removeClass() hasClass()
addClass() ⽅法向被选元素添加⼀个或多个类名。
该⽅法不会移除已存在的 class 属性,仅仅添加⼀个或多个类名到 class 属性。
c++ 链表排序提⽰:如需添加多个类,请使⽤空格分隔类名。
函数添加类语法:
$(selector).addClass(classname,function(index,oldclass))
removeClass() ⽅法从被选元素移除⼀个或多个类。
注意:如果没有规定参数,则该⽅法将从被选元素中删除所有类。
$(selector).removeClass(classname,function(index,currentclass))
hasClass() ⽅法检查被选元素是否包含指定的类名称。
如果被选元素包含指定的类,该⽅法返回 "true"。
$(selector).hasClass(classname)
classname必需。规定需要在被选元素中查的类。
toggle() ⽅法在 jQuery 版本 1.8 中,在版本 1.9 中被移除。
toggle() ⽅法添加两个或多个函数,以响应被选元素的 click 事件之间的切换。
当在元素上点击时调⽤第⼀个指定函数,当再次点击时调⽤第⼆个函数,以此类推。注意:还存在⼀个名为 toggle() 的 ⽅法。根据不同的参数决定调⽤哪个⽅法。$(selector).toggle(function)
function必需。每当被选元素被点击时要运⾏的函数。
toggleClass() ⽅法对添加和移除被选元素的⼀个或多个类进⾏切换。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论