为了账号安全,请及时绑定邮箱和手机立即绑定

jquery权威指南学习笔记

标签:
JQuery

 $("#div").html()   获取jquery对象中的值

$("#divHTML").html(strHTML)   设置值$("#div").text()   获取元素内容$("#divText").text(strText)  设置值$(this).toggleClass("divClick").html("点击后的样子")   单击交替事件$(".clsHead span img").attr("src","Images/al.gif")     设置元素属性$(".clsContent").is(":visible")){}else{}$("img").attr("src")   获取属性值$("img").removeAttr("src")  删除属性值$("select").val().join(",")  获取列表框所选中的全部项的值$("input").val()  获取文本框的值$("input").val("")  设置文本框的值$(this).css("font-style","italic")  设置样式的值$(this).addClass("cls1 cls2")    设置css样式$(this).toggleClass("clsImg")    切换样式类别$("p").removeClass("cls0 cls1")  删除css的指定类别$("p").removeClass()             删除css的全部类别   层次选择器:$("div span").css()  匹配后代元素$("div>span").css()  匹配子元素$("#div").next().css()  匹配后面元素  nextAll()  后面所有元素$("#div").siblings("div").css()    兄弟元素简单过滤选择器:$("li:first")     获取第一个元素$("li:last")      获取最后一个元素$("li:not(.NotClass)")   获取除给定选择器外的所有元素$("li:even")  获取索引为偶数的元素$("li:odd")   索引为奇数$("li:eq(1)")  索引值为1$("li:gt(1)")$("li:lt(1)")$(":header")    获取所有标题类型的元素,如h1、h2$("#pan:animated")   获取正在执行动画效果的元素内容过滤选择器:$("div:contains('A')").css()   获取包含给定文本的元素$("div:empty").css()       获取所有不包含子元素或者文本的空元素$("div:has(span)").css()   获取含有选择器所匹配的元素$("div:parent").css()      获取含有子元素或者文本的元素可见性过滤选择器:$("div:visible").addClass()    获取所有不可见元素,或者type为hidden的元素$("span:hidden").show().addClass()   获取所有的可见元素属性过滤选择器:$("div[id]").show()                  获取所有含有id属性的元素$("div[title='A']").show()           获取所有属性title的值是"A"的元素$("div[title!='A']").show()          获取所有属性title的值不是"A"的元素$("div[title^='A']").show()          获取所有属性title的值以"A"开始的元素$("div[title$='A']").show()          获取所有属性title的值以"A"结束的元素$("div[title*='A']").show()          获取所有属性title的值中包含有"A"的元素$("div[id='divAB'][title*='B']").show()  获取所有属性title的值中含有"B"且属性id的值是"divAB"的元素子元素过滤选择器:$("li:nth-child(2)").addClass()     获取每个父元素下的第2个子元素$("li:first-child").addClass()      获取每个父元素下的第一个子元素$("li:last-child").addClass()       获取每个父元素下的最后一个子元素$("li:only-child").addClass()       获取每个父元素下只有一个子元素的元素表单对象属性过滤选择器:$("#form1 input:enabled").addClass()  获取表单中所有属性为可用的元素$("#form1 input:disabled").addClass() 获取表单中所有属性为不可用的元素$("#from1 input:checked").addClass()  获取表单中所有被选中的元素$("#select option:selected").text()   获取表单中所有被选中的option的元素表单选择器:$("form1 :input").length          获取所有input类型元素$("form1 :text").show()           获取所有文本框元素$("form1 :password").show()       获取所有密码框元素$("form1 :radio").show()          获取所有单选按钮元素$("form1 :checkbox").show()       获取所有复选框元素$("form1 :submit").show()         获取所有提交按钮元素$("form1 :image").show()          获取所有图片元素$("form1 :reset").show()          获取所有重置按钮元素$("form1 :button").show()         获取所有按钮元素$("form1 :file").show()           获取所有文件元素 动态创建节点元素 插入节点 append(function(index,html)) 函数必须返回字符串作为append的参数插入元素 $("div").append(function retHtml(){}) append(function(content)) 将一个元素插入另一个元素中 $("span").appendTo($("div")) 外部插入节点 after(function|content)  元素外部后面插入内容 before(function|content) insertAfter(content)     将所选择的元素插入另一个指定的元素外部后面 insertBefore(content) 复制节点 clone()   复制元素,被复制后的新元素不具有任何元素行为 clone(true)    复制元素,包括事件处理 替换节点 replaceWith(content) $("#span1").replaceWith("<span title='replaceWith'></span>") replaceAll(selector) $("<span title='replaceAll'></span>).replaceAll("#span2") 包裹节点 warp(html|elem|fn)  所有选择的元素用字符串|dom元素|function返回代码包裹起来 warpAll(html|elem)  所有选择的元素用单个元素|dom元素包裹起来 warpInner(html|elem|fn)所有选择元素的子内容用字符串|dom元素|function返回代码包裹起来 unwarp()            移除所有元素的父元素或包裹标记 遍历元素 each(callback) $("img").each(function(index){}) 删除元素 remove(expression) $("ul li").remove("li[title=t]") $("ul li:eq(1)").remove() empty() 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消