jQuery基础-简介

1、增删查改DOM

2、兼容非常强,开发时可以不考虑兼容了

jQuery已经影响了几乎所有前端的思考方式

安装

就是一个js文件

压缩和非压缩

压缩过的,去掉了所有的注释和空格,打开页面更快

CDN

在每个地区结点进行缓存

jQuery也可以通过CDN引用

//是不同的协议

CDN方便,不用下载,不用配置路径

下载速度提高,而且不用浪费自己服务器的带宽

jQuery只是一个语法糖

全局变量

jQuery本身的方法

这个相当于一个选择器,只不过在获得了DOM对象之后,转换成了jQuery对象,可以互相转换

原生js好像也可以,但是是递进式的

但是这个链式是同一个对象,进行多次操作。

因为每个操作操作完了之后,都会返回原来的jQuery对象

jQuery对象才能用链式

但是有一些破坏性的方法,比如

就会返回子对象了

解决方式,加上end,就会恢复到上一级了

因为jquery在执行操作的时候,要等待页面加载完毕,不然会报元素不存在

html加载完还有很多大图片什么的一类耗时的东西

ready不会等待图片等,只会等html

winodw。onload,什么都等,会很慢

统一写法,不要混用哦

选择器

属性,一般很少用吧

伪类也有很多乱七八糟的

这两个等价

jquery什么选择器都能用

类数组对象.....就是普通的对象啊

位置筛选器。。。。就是根据位置进行筛选

反正就是根据一些规则,对元素进行筛选了。

感觉代码也可以实现,没必要太纠结使用

原文地址:https://www.cnblogs.com/weizhibin1996/p/9384691.html

时间: 2024-10-05 03:50:08

jQuery基础-简介的相关文章

jquery基础简介(转载)

jQuery就是用原生js写出的框架集(Write less do more ) 1.需要注意的问题?(1).jQuery语法需要重新学习(2).jQuery需要注意版本之间的兼容性 (3)不是越新的版本越好(要稳定)(4)jQuery一般有两个版本(xxx.min.js和xxx.js) 区别就是去除回车空格换行 (min版一般用在上线项目节约带宽) 2.jQuery的引入方式?<script src="xxx.js"></script> 3.查看jQuery是

jquery 基础汇总---导图篇

最近在慕课网学习了一些jquery的基础知识,为了方便记忆,整理出来的导图 jQuery基础总共分为4个部分,分别是样式篇.事件篇.动画篇.DOM篇. 样式篇,主要介绍jQuery的基础语法,选择器以及jQuery的一些属性和样式, 选择器的简介详见:http://www.cnblogs.com/amy-1205/p/5849568.html 事件篇,主要是鼠标事件,表单事件,键盘事件,事件的绑定和解绑以及自定义事件 动画篇,学习后制作出以下效果:隐藏和显示.上卷下来.淡入淡出.也可以通过自定义

jQuery基础学习

1.广受欢迎的 JavaScript 框架: jQuery Prototype MooTools 这些框架都提供针对常见 JavaScript 任务的函数,包括动画.DOM 操作以及 Ajax 处理 2.jQuery 使用 CSS 选择器(即html元素)来访问和操作网页上的 HTML 元素(DOM 对象). 3.jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特

【JQuery】(1)JQuery基础

JQuery基础 2019-11-02  21:11:17  by冲冲 1.jQuery简介 jQuery:轻量级."写的少,做的多".JavaScript函数库. 2.jQuery功能 HTML元素选取 HTML元素操作 HTMLDOM遍历和修改 CSS操作 HTML事件函数 JavaScript特效和动画 Ajax异步操作 提供丰富的插件 3.jQuery版本 目前jQuery有三大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增.因此一般项目来说,

【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的--jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧! 事件 bind()        向匹配元素附加一个或更多事件处理器 blur( )        触发.或将函数绑定到指定元素的 blur 事件 change()        触发.或将函数绑定到指定元素的 change 事件 click()        触发.或将函数绑定到指定元素的 click 事件 dblc

JQuery基础知识(2)

JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素 语法: $(selector).slideUp(speed,callback

【jQuery基础学习】09 jQuery与前端(这章很水)

这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图片 styles文件夹用来存放css样式表 scripts文件夹用来存放js脚本 网页结构 头部:网站的品牌log,登录信息 内容:放置网站的主体内容 尾部:放置网站的其它友情链接和版权信息之类的 关于网站样式 首先写一个样式表,来包含全局的样式.定义整个网站的reset.css样式表,编写一些全局

jQuery基础之(一)jQuery概述

1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯.jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注. 如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强

JQuery基础知识(1)

JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同