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;
} } );
.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非指定网址无法访问
推荐阅读
-
一个目录遍历函数_PHP
-
JavaScript实用库:Lodash源码数组函数解析(九)remove、reverse、slice
-
编写一个函数reverse_string(char * string)(递归实现)实现:将参数字符串中的字符反向排列。 要求:不能使用C函数库中的字符串操作函数
-
nusoap 如何注册类中所有的函数
-
在服务器的mysql中创建自定义函数出错
-
Springboot使用过程中(Spring)常用注解总结
-
Qt5中一组同类型的widget connect到同一个槽函数
-
qt5 connect写法遇到重载的函数和信号槽
-
JavaScript常用对象的方法和属性小结_javascript技巧
-
PHP eval函数