本篇文章为大家展示了前端jQuery有哪些基础的学习笔记，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
成都创新互联公司主要从事成都网站制作、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务大厂,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
1、jQuery的概念
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。总的来讲，jQuery就是一个JavaScript框架，可以简化JavaScript开发。
2、jQuery快速入门
下载JQuery，导入JQuery的js文件：导入min.js文件，使用：
var div1 = $("#div1");
alert(div1.html());
3、JQuery对象和JS对象区别与转换
（1）JQuery对象在操作时，更加方便。
（2）JQuery对象和js对象方法不通用的.
（3）两者相互转换：
* jq -- > js : jq对象[索引]或者 jq对象.get(索引)
* js -- > jq : $(js对象)
4、选择器
（1）基本操作
事件绑定：
//1.获取b1按钮
$("#b1").click(function(){
alert("abc");
});
入口函数：
$(function () {
});
window.onload 和 $(function)区别
* window.onload只能定义一次,如果定义多次，后边的会将前边的覆盖掉
* $(function)可以定义多次的。
样式控制：css方法
// $("#div1").css("background-color","red");
$("#div1").css("backgroundColor","pink");
（2）分类
A．基本选择器有标签选择器，语法是$("html标签名")获得所有匹配标签名称的元素；id选择器，语法是$("#id的属性值")获得与指定id属性值匹配的元素；类选择器，语法是$(".class的属性值")获得与指定的class属性值匹配的元素；并集选择器，语法是$("选择器1,选择器2....")获取多个选择器选中的所有元素。
B．层级选择器有后代选择器，语法是$("A B ")选择A元素内部的所有B元素；子选择器，语法是$("A > B")选择A元素内部的所有B子元素。
C．属性选择器有属性名称选择器，语法是$("A[属性名]")包含指定属性的选择器；属性选择器，语法是$("A[属性名='值']")包含指定属性等于指定值的选择器；复合属性选择器，语法是$("A[属性名='值'][]...")包含多个属性条件的选择器。
D．表单过滤选择器有可用元素选择器，语法是:enabled获得可用元素，不可用元素选择器 ，语法是:disabled获得不可用元素；选中选择器，语法是:checked获得单选/复选框选中的元素；选中选择器，语法是:selected获得下拉框选中的元素。
上述内容就是前端jQuery有哪些基础的学习笔记，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
