jQuery介绍:
1.uery是一个轻量级的、兼容多浏览器的JavaScript库。
2.uery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。
jQuery的优势:
1.轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。
2. 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。
3. 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。
4. 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。
5. Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。
6. 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。
7. 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用。
jQuery核心方法
1.jQuery核心方法:jQuery( );等同于:$( )这个方法可以得到一个jQuery对象,而要使用jQuery,首先要得到的就是一个jQuery对象。

// 通过选择器获取jquery对象
 $("#id")
 // 标签对象转换为jquery对象
 $(document.body)
 // 数组对象转换为jquery对象
 $([1,2,3])
 // html标签转化为jquery对象
 $("")


// $(document).ready()的缩写形式,表示DOM文档加载完毕执行回调,比window.onload(DOM和所有文件加载完毕时执行)先执行 

 $(function(){}) 

 将jQuery对象转换回原生对象 

 // 将jquery对象转换为原生对象


2.each方法:

$("#id").get(0) 

 $("#id")[0]


循环jQuery对象的方法:


KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id>p").each(fun…(this),i) 

 })



和forEach类似,这里遍历出的this是原生对象,如果需要使用jQuery方法需要在外层包裹一个$(),该方法遍历数组时需要将数组转化为jQuery对象