当前位置:Gxlcms > JavaScript > jq常用函数

jq常用函数

时间:2021-07-01 10:21:17 帮助过:10人阅读

最近使用得比较多的jq函数 记一下

.addClass 函数用为当前对象所匹配的每一个元素添加指定的css 样式

.removeClass() 反之删除添加样式

.html() 获取集合中第一个匹配元素的HTML内容 设置每一个匹配元素的html内容。

对非表单元素不能用val() 进行赋值 如果需要赋值的话用text/html()进行赋值

.append() 在每个匹配的元素里面的末尾处插入参数内容

.attr() 获取匹配的元素集合中的第一个元素的属性的值。设置每一个匹配元素的一个或多个属性。

.children() 获得匹配元素集合中每个元素的子元素,选择器选择性筛选。

.empty() 从DOM节点中移除所有匹配元素的子节点



.find() 通过一个选择器,jQuery对象,或元素过滤,得到当前匹配的元素集合中每个元素的后代。实例 返回 后代中所有的 元素:

var$count=$li.find('input[useCount]');
.first() 获取匹配元素集合的第一元素 .last()与之相反 .next

.parent()匹配当前元素的父元素 .siblings() 获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。。

.hasClass() 确定任何一个匹配元素是否有被分配给定的(样式)类

实例:

$dlgChose.find('li').click(function() {

if(!$(this).hasClass('text')) {

$(this).addClass('checked').siblings().removeClass('checked');

}

.hide() 隐藏匹配的元素 对应 .show();

.serialize() 将用作提交的表单元素的值编译成字符串。

.val 获取匹配的元素集合中第一个元素的当前值。设置匹配的元素集合中每个元素的值。

.each()方法为每个匹配元素规定要运行的函数。提示:返回 false 可用于及早停止循环。

$('.qdnrWrap .ctrlWrap a').each(function() {

if($(this).text() ==text) {

$(this).removeClass('active');

return false;

} } );

人气教程排行