jQuery(1)

作者: fortunatelys | 来源:发表于2017-06-28 22:17 被阅读0次

1. jQuery 库中的 $() 是什么?

$()函数是JQuery函数的别称,就是一种标志,符合其思想:write less,do more。第一次接触可能有些不适应,是jQuery代码佶屈聱牙,晦涩难懂。我们需要适应一段时间,过一段时间,就会爱上其简洁,方便,飞起来。

$()函数用于将任何对象包裹成jQuery对象,接着就可以被允许调用定义在jQuery对象上的多个不同方法。甚至可以将一个选择器字符串传入 $()函数,它会返回一个包含所有匹配的DOM 元素数组的jQuery对象。可以用each()方法进行遍历里面的对象。

2.网页上有多个元素,怎样会用jQuery来选择它们?

这个问题是jQuery基于选择器的。jQuery支持不同类型的选择器,有 ID选择器、class选择器、标签选择器。这个问题的答案是使用标签选择器来选择所有的div元素。jQuery代码:

$("div").其返回值是一个包含5个div标签的jQuery对象。

3.jQuery里的ID选择器和class选择器有什么不同?

ID选择器使用ID来选择元素,例: $("#idtest1"). 而 class选择器使用CSS class 来选择元素,例:$(".classtest1")。当只需要选择一个元素时,使用ID选择器,如果需要选择具有相同 CSS class的元素,就要用class 选择器。

4.$(document).ready( ) 函数是什么?干什么用的?

ready( ) 函数用于在文档进入ready状态时执行代码。当DOM完全加载(HTML被完全解析DOM树构建完成时),jQuery允许我们的执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器,jQuery帮我们解决了跨浏览器的问题。

5.javascript中的window.onload()事件与jQuery中的$(document).ready( )函数 的异同?

前者,window.onload( ) 事件需要等待 DOM被创建,还要等待包括 大型图片、音频、视频等 所有的外部资源全部都加载完全,才能执行;

如果图片、视频等内容的加载花费时间过多,就会有明显的延迟。更严重的是使用户感受到。。。say byebye。。。

后者,$().ready( ) 函数,只需要等待DOM树的建立完成,而不需要等待图片、音频、视频的大型文件的加载,从而执行的会更快。

再有,在网页中可以多次使用ready( ) ,浏览器会按照其在HTML页面里出现的顺序执行,而onload只执行一次。

6.jQuery中的each( ) 是什么函数? 如何使用它?

我们使用选择器进行选择时,例如涉及到选择class的相关操作,其返回值是jQuery数组,我们想要获取数组中的每一个值,这是就要用到each()函数了。

each()函数类似于Java中集合中遍历所使用的 Iterator 迭代器,允许我们遍历一个元素的集合。

可以传一个函数给each()方法,被调用的jQuery对象会在其每个元素上执行传入的函数。

7.jQuery常用的事件:

load:当文档加载时运行脚本

blur:当窗口失去焦点时运行脚本

focus:当窗口获得焦点时运行脚本

change:当元素改变时运行脚本

submit:当提交表单时运行脚本

keydown:当按下按键时运行脚本

keypress:当按下并松开按键时运行脚本

keyup:当松开按键时运行脚本

click:当单击鼠标时运行脚本

dblclick:当双击鼠标时运行脚本

mousedown:当按下鼠标按钮时运行脚本

mousemove:当鼠标指针移动时运行脚本

mouseout:当鼠标指针移出元素时运行脚本

mouseover:当鼠标指针移至元素之上时运行脚本

mouseup:当松开鼠标按钮时运行脚本

abort:当发生中止事件时运行脚本

相关文章

  • jquery

    1.jquery (1)jquery是什么?jQuery is a fast, small, and featur...

  • JQuery 操作手册

    1-1主要内容 1、快速入门2、JQuery概念3、JQuery选择器4、JQuery动画5、JQuery DOM...

  • jQuery总结

    1. jQuery安装 打开jQuery官网:https://jquery.com/[https://jquery...

  • jQuery

    1、引入jQuery 1.从jQuery.com下载jquery库2从CDN中载入jQuery 2、基本语法 基础...

  • jQuery动画、循环

    1、jQuery特殊效果 2、jQuery动画 3、jQuery循环

  • JS-17day

    1、jQuery特殊效果 2、jQuery动画 3、jQuery循环

  • XDH_LESSON9

    jQuery Mobile1.什么叫jQuery Mobile。 jQuery Mobile(jQueryMobi...

  • 30.jQuery简介

    1,JQuery简单背景介绍 2,JQuery版本介绍 3,JQuery文件介绍

  • 网页编程day-44:jQuery

    一、jQuery的概述 1.什么是jQuery? jQuery (javaScriptQuery)JavaScri...

  • window.onload与$(document).ready(

    1、引入jQuery库,可到jQuery官网http://jquery.com/下载 2、编写简单的jQuery程...

网友评论

    本文标题:jQuery(1)

    本文链接:https://www.haomeiwen.com/subject/mhgwqxtx.html