脚本宝典收集整理的这篇文章主要介绍了jQuery 使用小结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一、选择器部分
-
$("input[type='radio']")
选择不同 type
的 input
-
$("input[type='radio']:checked")
选择被选中的 radio
-
选择父类元素
-
$selector.parent('td')
仅限于直接父类元素 parent
-
$(this).parents('.content')
只要是父类元素即可,能向父级多级查找 parents
-
选择子类元素
$ele.children('p.tip');
$this.siblings('.content').find('textarea')
- 选择兄弟元素
$selector.parent('td').siblings('.title')
二、插入和删除元素
1. 插入
-
在被选元素的结尾插入内容
$ele.append("<p class='tip red'> 请选择</p>");
-
在被选元素的开头插入内容
$(".must").prepend("<span class='red star'>* </span>");
-
在被选元素之前插入内容
$('.item:eq(2)').before($('.milestone'));
-
在被选元素之后插入内容
$('.item:eq(2)').after($('.milestone'));
2. 删除
-
remove()
删除被选元素(及其子元素),可传入参数(选择器)作为过滤条件
$tip.remove()` 或 `$("p").remove(".italic");
-
empty()
删除被选元素的子元素
$tip.empty()
三、设置元素样式
四、动画
1. animate
动画使用固定值
$dialog.animate({
top: "60px"
})
2. animate
动画使用相对值
$dialog.animate({
top: "-=60px"
})
3. 判断当前是否有动画尚未执行完毕
-
如果正在执行动画返回 true
$(".box").is(":animated")
五、获取和设置元素的值
-
获取文本域的输入的内容
var $val = $this.siblings('.content').find('textarea').val();
-
获取属性值
var id = $(this).parents('.item').attr('id');
六、其他的一些方法
-
清空被选中的 radio
$("input[type='radio']").removeAttr('checked');
-
判断 radio
是否被选中
$(this).is(":checked")
-
判断元素是否具有指定的类名
$(this).hasClass("bad")
-
jQuery
对象有 length
属性,该属性表示选中的 DOM
元素的个数
if($radiosChecked.length != 2) {}
-
判断选中元素是否为 display:none
状态
if(!$(this).is(":hidden")) {}
-
序列化表单数据,用于 ajax
提交表单数据
$('form').serialize()
-
输入框失去焦点
$('input').blur(function () {});
以上是脚本宝典为你收集整理的jQuery 使用小结全部内容,希望文章能够帮你解决jQuery 使用小结所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。