欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jq 常用函数

程序员文章站 2022-04-05 21:33:04
...
最近使用得比较多的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;

} } );