ChuannBlog

jQuery

• jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
• jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery使用

• 导入jQuery文件
  • <script src="../jquery3_0_0.js">\</script>
  • <script src=\"https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

核心

• 当导入了jQuery库之后，就可以在script标签内使用jQuery的语法规则，
• jQuery的使用是以jQuery开头的表达式:jQuery([selector,[context]])，
• 为了简化书写，jQuery默认支持使用$代替jQuery:$([selector,[context]])

第一条jQuery语句

• 可以打开任意一个支持jQuery的网页，使用浏览器的检查，在console窗口中输入$("head>title").text()
• 在已导入jQuery库的页面的script标签中输入alert($("head>title").text());
• 英文特殊字符$开头
  • jQuery.xxxxxx
  • $.xxxxxx

jQuery语法

• jQuery对象转成DOM对象
  • $(“#ID”).text()
  • $(“#ID”)[0],innerText
• DOM对象转成jQuery对象
  • var a = $(“#ID”)[0]
  • $(a).text()

文档处理

• 内部插入
  • append(content|fn)
  • appendTo(content)
  • prepend(content|fn)
  • prependTo(content)
• 外部插入
  • after(content|fn)
  • before(content|fn)
  • insertAfter(content)
  • insertBefore(content)
• 包裹
  • wrap(html|ele|fn)
  • unwrap()
  • wrapAll(html|ele)
  • wrapInner(html|ele|fn)
• 替换
  • replaceWith(content|fn)
  • replaceAll(selector)
• 删除
  • empty()
  • remove([expr])
  • detach([expr])
• 复制
  • clone([Even[,deepEven]])