在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
众所周知,选择jQuery,可以写更少的代码,做更多的事情。jQuery作为前端开发和全栈开发必备的基础技术,我们都应该学习并熟练掌握它。本文为广大学习者总结和归纳了jQuery的基础知识,内容包括jQuery的概念、jQuery快速入门、JQuery对象和JS对象区别与转换和选择器。
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基础学习笔记的整理,大家都看懂了吗?如果觉得文字学习比较费力,可以直接上博学谷观看相应的学习视频,对相关知识点的讲解会更加详细!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端学习第一步:HTML标签基本知识
HTML是进入互联网开发岗位的第一步。尤其是前端开发岗位与HTML的接触是最多的。根据HTML4版本的参考手册共计有89个标签(HTML5变动较大作为后期重点学习的知识内容)。每一个标签都有独特的意思。在刚开始学习的时候,追求的是记住标签,而在真正的工作运用中,一定要理解它。下面我们一起来看看其中最常用的一些HTML标签吧。
8432
2019-07-15 17:51:42
前端与移动开发就业班费用高不高?那些人适合学习?
前端与移动开发就业班费用高不高?那些人适合学习?大家都了解目前互联网领域前端与移动开发、后台开发、大数据开发、UI设计等等都是高薪的岗位。大家可以通过参加相应培训课程快速进入相应的工作岗位,但是报名培训班的费用高不高呢?那些人适合学习前端与移动开发呢?
6584
2019-09-12 17:56:57
HTML5开发工程师要干什么?有发展前途吗?
HTML5开发工程师要干什么?有发展前途吗?随着HTML5在当下互联网的广泛应用,HTML5开发工程师这一职位逐渐变得吃香起来。简单来说,HTML5开发工程师的工作内容需要负责pc端或移动端的布局和动态效果。这个行业的发展现在正处于空前发展的阶段,下面我们来详细分析一下HTML5开发的就业前景和工作内容。
5338
2019-11-13 18:50:54
HTML标签基础学习笔记
众所周知,HTML标签是网页制作的的基础。可以说网页的本质就是超级文本标记语言。严格来说,HTML并不是一门编程语言,而是超文本标记语言。HTML作为网页中的结构,就好比人的骨架。所以,学好HTML和div布局是网页稳固的一个关键。本文为初学者整理汇总了HTML标签基础学习笔记,下面一起来看看吧!
4529
2020-03-04 02:06:48
Web前端常用插件有哪些?
Web前端常用插件有哪些?程序员在开发过程中会用到很多开发工具,作为前端开发工程师掌握一些前端插件必不可少,小编汇总了不同的Web前端常用插件分享给大家。
5994
2020-05-27 14:44:24