jQuery基础使用与样式篇

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对象转换为原生对象
$(”#id").get(0)
$("#id")[0]
2.each方法：
循环jQuery对象的方法：
KaTeX parse error: Expected ‘EOF’, got ‘#’ at position 3: ("#̲id>p").each(fun…(this),i)
})