022 Jquery总结
1.大纲
- jQuery 库中的 $() 是什么?
- 网页上有 5 个div元素,如何使用 jQuery来选择它们?
- jQuery 里的 ID 选择器和 class 选择器有何不同?
- 如何在点击一个按钮时使用 jQuery 隐藏一个图片?
- $(document).ready() 是个什么函数?为什么要用它?
- JavaScript window.onload 事件和 jQuery ready 函数有何不同?
- 如何找到所有 HTML select 标签的选中项?
- jQuery 里的 each() 是什么函数?你是如何使用它的?
- 你是如何将一个 HTML 元素添加到 DOM 树中的?
- 你能用 jQuery 代码选择所有在段落内部的超链接吗?
- $(this) 和 this 关键字在 jQuery 中有何不同?
- 你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href?
- 你如何使用jQuery设置一个属性值?
- jQuery中 detach() 和 remove() 方法的区别是什么?
- 你如何利用jQuery来向一个元素中添加和移除CSS类?
- 使用 CDN 加载 jQuery 库的主要优势是什么 ?
- jQuery.get() 和 jQuery.ajax() 方法之间的区别是什么?
- jQuery 中的方法链是什么?使用方法链有什么好处?
- 你要是在一个 jQuery 事件处理程序里返回了 false 会怎样?
- 哪种方式更高效:document.getElementbyId("myId") 还是 $("#myId")?
一:解答
1.jQuery 库中的 $() 是什么
$就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素
如下例子
$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>
$(".div1").onclick表示类名为div1的div点击事件
jquery中$.,例如$.post(),$.get(),$.ajax()等这些都是jquery这个对象的方法
2.网页上有 5 个div元素,如何使用 jQuery来选择它们?
jQuery 问题是基于选择器的。
jQuery 支持不同类型的选择器,例如 ID 选择器、class 选择器、标签选择器。
鉴于这个问题没提到 ID 和 class,你可以用标签选择器来选择所有的 div 元素。jQuery 代码:$(“div”),这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。
3.jQuery 里的 ID 选择器和 class 选择器有何不同
兼容性:ID兼容,class 不兼容IE6,7,8
数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。
通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。
4.如何在点击一个按钮时使用 jQuery 隐藏一个图片
toggle默认切换hide()和show()
如果你在toggle()方法自定义多个方法,则toggle()是切换你的方法,toggle语法实际如下:
$(selector).toggle(function1(),function2(),functionN(),...)
5.$(document).ready() 是个什么函数?为什么要用它?
ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载(例如HTML被完全解析DOM树构建完成时),jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用 于所有浏览器,jQuery帮你解决了跨浏览器的难题。
6.JavaScript window.onload 事件和 jQuery ready 函数有何不同
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
7.如何找到所有 HTML select 标签的选中项
$("#fanxuan").click(function(){ //点击反选执行下面代
$("[type=checkbox]").each(function(){ //type=checkbox实行便利循环
if(this.checked){ //判断type=checkbox里面是否有checked="checked"
8.jQuery 里的 each() 是什么函数?你是如何使用它的
遍历一个jQuery对象,为每个匹配元素执行一个函数。
9.你是如何将一个 HTML 元素添加到 DOM 树中的?
jQuery提供了append()、appendTo()等相关方法 可以将一个HTML元素添加到DOM树中
10.$(this) 和 this 关键字在 jQuery 中有何不同?
this表示的是javascript提供的当前对象
$(this)表示的是用jquery封装候的当前对象
11.你能用 jQuery 代码选择所有在段落内部的超链接吗
$("p>a")
12.你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href?
attr() 方法被用来提取任意一个HTML元素的一个属性的值. 你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接,然后你可以应用attr()方法来获得他们的href属性的值。
13.你如何使用jQuery设置一个属性值?
attr()方法和jQuery中的其它方法一样,能力不止一样. 如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称,value是属性的新值。
14.jQuery中 detach() 和 remove() 方法的区别是什么?
尽 管 detach() 和 remove() 方法都被用来移除一个DOM元素, 两者之间的主要不同在于 detach() 会保持对过去被解除元素的跟踪, 因此它可以被取消解除, 而 remove() 方法则会保持过去被移除对象的引用.
15.你如何利用jQuery来向一个元素中添加和移除CSS类?
通过利用 addClass() 和 removeClass() 这两个 jQuery 方法
16.使用 CDN 加载 jQuery 库的主要优势是什么
除了报错节省服务器带宽以及更快的下载速度这许多的好处之外, 最重要的是,如果浏览器已经从同一个CDN下载类相同的 jQuery 版本, 那么它就不会再去下载它一次. 因此今时今日,许多公共的网站都将jQuery用于用户交互和动画, 如果浏览器已经有了下载好的jQuery库,网站就能有非常好的展示机会。
17.jQuery.get() 和 jQuery.ajax() 方法之间的区别是什么?
ajax() 方法更强大,更具可配置性, 让你可以指定等待多久,以及如何处理错误。get() 方法是一个只获取一些数据的专门化方法。
18.jQuery 中的方法链是什么?使用方法链有什么好处?
方法链是对一个方法返回的结果调用另一个方法,这使得代码简洁明了,同时由于只对 DOM 进行了一轮查找,性能方面更加出色。
19.你要是在一个 jQuery 事件处理程序里返回了 false 会怎样?
这通常用于阻止事件向上冒泡。
20.哪种方式更高效:document.getElementbyId("myId") 还是 $("#myId")?
第一种,因为它直接调用了 JavaScript 引擎。
022 Jquery总结的更多相关文章
- flot - jQuery 图表插件(jquery.flot)使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 特别注意Flot使用的是UTC时间,最好修改flot.js去掉所有的UTC ...
- 简单的JQuery分页代码
1. [代码][JavaScript]代码 001 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...
- jQuery制作Web全屏效果
需要的资源 1.jQuery版本库是必不可少的2.jQuery FullScreen plugin如果你下载不方便的话,你可以直接把下面的代码copy到你本地JQuery FullScreen plu ...
- (转)强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件.在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者(J ...
- jsp中引入jquery报错:Failed to load resource: the server responded with a status of 404 (Not Found)
问题描述: 今天自己在搭建spring.springMVC.hibernate框架,搭建完成后,在引入jquery时,发现jquery不管用.我的解决顺序是: 1.检查路径,发现路径没错,另外需要注意 ...
- 前端之jquery基础
一 jquery介绍 介绍:jquery是一种轻量级的语言,是javascript的简化,使用javascript语言写成的.将javascript的代码简化了,并且兼容了多个浏览器的javascri ...
- 个人学习jQuery笔记
1.$(“#div1”).text()是获取id为div1的文本内容,也可以填充值 $(“#div1”).html() 是获取id 为div1的HTML内容值 也可以填充值 2.$(“#div1”)是 ...
- 实用jQuery代码片段
maco精选的一些jQuery代码,也许你从中可以举一反三[代码] [JavaScript]代码001<p>002 <h3><span >★ 使用jQuery ...
- Angular杂谈系列1-如何在Angular2中使用jQuery及其插件
jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...
随机推荐
- (六) 编写vivid
title: 编写vivid date: 2019/4/23 19:40:00 toc: true --- 编写vivid 新内核对video_buf的封装更好了,很多函数基本上套个名字就好了,这个可 ...
- 定时调度系列之Quartz.Net详解
一. 背景 我们在日常开发中,可能你会遇到这样的需求:"每个月的3号给用户发信息,提醒用户XXX "."每天的0点需要统计前一天的考勤记录"."每个月 ...
- 一、C语言调试—— gdb 的使用
1.1 gdb 调试工具常用命令 list:展开调试的源代码,缩写 l: break:设置断点,缩写为 b: info break:查看断点信息,缩写为 i b delete:删除断点 print:打 ...
- Bootstrap里的Modal框
- fatal error: Eigen3/Core: 没有那个文件或目录
解决方法: 在CMakeLists.txt文件里添加: include_directories("/usr/include/eigen3")
- kaldi通用底层矩阵运算库——CBLAS
matrix/cblas-wrappers.h 该头文件对CBLAS与CLAPACK的接口进行了简单的封装(将不同数据类型的多个接口封装为一个). 比如 cblas_scopy和cblas_dcopy ...
- 红警大战JAVA简单版
代码结构: 相关源码: 武器类: 属性:武器,攻击力,子弹数量. 方法:给属性赋值(set属性()方法) 获取属性值(get属性()方法) package 红警大战简单版; public class ...
- 一、Python学习之路
基础篇 第一章 Python介绍.安装.使用 Python 简介 Python 安装 第一个Python程序 Python 解释器 字符编码与解码 动态语言与静态语言的区别 变量及简单 ...
- nodejs的package.json依赖dependencies中 ^ 和 ~ 的区别
nodejs的package.json定义了一个模块,包括其依赖关系的一个简单的JSON文件,该文件可以包含多个不同的指令来告诉Node包管理器如何处理模块. dependencies则表示此模块依赖 ...
- Mac下的unity兼容问题,打开项目提示错误:!GetPersistentManager().IsStreamLoaded(assetPath)
安装unity成功之后,打开unity提示如下 那么打开的unity项目很有可能出现找不到资源的错误. 在检查一下你的Mac宗卷格式,如果是APFS格式的话,基本都会不兼容低版本的32位unity应用 ...