jq 常用函数
程序员文章站
2022-04-22 21:58:31
...
最近使用得比较多的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;
} } );
.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;
} } );
下一篇: 迭代器模式及其php实现(Yii框架)