2014年辛星jquery解读第二节

时间：2021-11-02 07:58:08

*************jquery的语法******************

1.jquery是通过选取HTML元素，而且对选取的元素运行某些操作，从而完毕某些特效的。

2.因此，我们在使用jQuery的时候常常会看到例如以下的操作方式：$(选择器).功能()

3.这里的$符号是一个快捷操作符，而它后面的小括号中面的选择器则指出了我们要错做的HTML元素，然后我们运行这个action来对元素完毕操作。

4.比方：$("p").hide() 这也是上一节我们用到的一种方式，我们能够用它去隐藏p标签里面的内容。

5.jQuery的选择器是xPath与CSS选择器语法的结合。

**************一点说明*********************

1.假设大家细致读了我们上一节的演示样例代码，会发现我们全部的代码都是写在一个函数里的，以下我们用伪代码的形式描写叙述一下：

$(document).ready(

    //我们的其它代码

);

2.它的意思是等文档所有载入完成之后再去运行对应的代码，假设文档没有全然载入，那么可能有些操作会失败，比方我们试图操作一个原本不存在的元素的时候，就会导致操作失败。

************选择器************************

1.从上面我们也了解到，jQuery可以通过选择器来找到正确的HTML元素是很重要的，由于仅仅有这样，兴许进行的操作才会有效，我们的效果才会显示出来。

2.jQuery同意我们队HTML元素或者单个元素进行操作。

3.jQuery选择器同意我们通过元素的id，class、类型、属性、属性值等找到该HTML元素，它的语法非常像我们的CSS选择器。

4.jQuery在查找选择器的时候都必须以$()开头。

5.以下我们给几个样例，比方$("p")是选择了全部的p标签，比方$("#xin")是选择了id为xin的HTML元素，比方$(".xin")是选择了全部的class属性为xin的HTML元素。

************事件*********************

1.为了让我们的web页面与用户的交互更加友好，我们的jQuery提供了强大的处理事件的能力。

2.事件处理程序就是当HTML中发生某些事情的时候所调用的方法，假设大家有GUI界面编程知识的话，那么它很easy理解。

3.比方常见的DOM事件中的鼠标事件就有click（点击）、dbclick（双击)、mouseenter(鼠标进入区域)、mouseleave(鼠标离开该区域），键盘事件就有keypress（键盘的键被按下）、keydown（键被按下)、keyup（键被松开）等。

4.这里有必要说一下的就是表单事件，比方submit（提交）、chane（改动）、foucus（获得焦点）、blur（失去焦点）等主要事件，还有就是文档和窗体的load（载入）、resize（大小改变）、scroll（滚动）、unload(用户离开页面）。

5.比方;我们点击某个p标签的时候要触发一个事件，那么就能够用$("p").click();

6.那我们在click函数中写什么呢，我们能够通过定义一个Javascript函数来实现。

7.通常对于大多数DOM事件我们都有一个与之等效的jQuery方法。

*************经常用法**************

1.$(document).ready():它是等文档全然载入完成之后运行的操作。

2.click()方法是鼠标点击事件。

3.mouseenter()方法是鼠标指针穿过元素的事件。

4.mouseleave()方法是鼠标指针离开元素的事件。

5.mousedown()方法是鼠标指针移动到元素上方而且按下鼠标左键的事件。

6.mouseup()方法是鼠标指针移动到元素上方而且松开鼠标的时间。

7.hover()方法用于光标悬停在元素上方，它接受两个函数，一个用于鼠标进入，一个用于鼠标离开。

8.focus()方法用于获得焦点事件，大多是鼠标点击选中或者通过tab键定位到某个元素。

9.blur()方法用于HTML元素失去焦点的时候的事件。

*************外部js文件*****************

1.我们能够把代码写入到另外一个js文件里，然后在导入我们写的js文件和jQuery文件就可以。

2.注意要先导入jQuery文件，导入格式就是例如以下：

<head>

<script src="jquery.js"></script>

<script src="myjs.js"></script>

</head>

**************小结***************

1.本小节我们到此就结束了，它让我们知道了我们怎样使用jQuery库。

2.使用方式就是等文档载入完成之后，调用$(选择器).功能函数 这样的格式去操纵。

2014年辛星jquery解读第二节的更多相关文章

  1. 2014年辛星Javascript解读第二节

    本小节我们解说一下Javascript的语法,尽管js语言很easy,它的语法也相对好学一些,可是不学总之还是不会的,因此,我们来一探到底把. ********凝视************* 1.我们 ...

  2. 2014年辛星jquery解读第三节 Ajax

    ***************Ajax********************* 1.Ajax是Asynchronous Javascript And  XML的简写,它指的是异步Javascript ...

  3. 2014年辛星完全解读Javascript第二节

    本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通 ...

  4. 2014年辛星完全解读Javascript第一节

    ***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数 ...

  5. 2014年辛星完全解读Javascript第七节 数组和对象

    由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. *********** ...

  6. 2014年辛星完全解读Javascript第六节 对象

    随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象 ...

  7. 2014年辛星完全解读Javascript第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******** ...

  8. 2014年辛星Javascript解读第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******* ...

  9. 2014年辛星完全解读Javascript第五节 break和continue与错误处理

    先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句, ...

随机推荐

  1. 【项目管理】图解GitHub基本操作

    一.注册并登陆到github网站 1.1.打开github网站首页(https://github.com/) 1.2.注册一个自己的github账号 创建账户后再验证自己的邮箱,然后就可以登陆到git ...

  2. JS基础知识

    JavaScript的三个不同的组成部分: (1)ECMAScript,提供核心语言功能,所有浏览器大体上都支持ECMA第三版 (2)文本对象模型(DOM),提供访问和操作网页内容的方法和接口 (3) ...

  3. 李洪强-C语言9-C语言的数据&comma;变量和常量

    一.数据 图片文字等都是数据,在计算机中以0和1存储. (一)分类 数据分为静态数据和动态数据. ①. 静态数据:一些永久性的的数据,一般存储在硬盘中,只要硬盘没坏数据都是存在的.一般以文件的形式存储 ...

  4. Ubuntu 13&period;10 64位 无法 安装 ia32-libs 解决办法

    安装新立德软件包管理器:打开终端,输入以下命令:sudo apt-get install synaptic 打开新立德软件包管理器,选择“设置>软件库” 选择“其他软件 > 添加” 在AP ...

  5. android休眠唤醒流程2

    android系统一段时间没有操作,    屏幕(screen)将从高亮(bright)变为暗淡(dim),如果再过段时间还是没有操作,屏幕(screen)从暗淡(dim)变为关闭(off).这时,系 ...

  6. ios9 新关键字 &lowbar;&lowbar;kindof 等&lpar;etc&rpar; 小结

    首先__kindof:规定参数为UITableViewCell(举例)这个类或者其子类.比如说一个NSArray<UIView *>*,如果不加__kindof,这个数组只能有UIView ...

  7. 分享4个运维平台工具OSSIM、Ansible的学习思路

    对于当今企业安全来说,真正价值不在于亡羊补牢,也不在于一个或多个高危漏洞.企业在乎的是如何防患于未然,如何快速定位攻击,如何快速解决安全问题.OSSIM作为开源的安全信息管理平台,对于企业的需求来说毋 ...

  8. sql 表连接

     join (inner join ) 注释:INNER JOIN 关键字在表中存在至少一个匹配时返回行. left join  注释:LEFT JOIN 关键字从左表(table1)返回所有的行,即 ...

  9. vue 中使用 async&sol;await 将 axios 异步请求同步化处理

    1. axios 常规用法: export default { name: 'Historys', data() { return { totalData: 0, tableData: [] } }, ...

  10. KVM总结-KVM性能优化之磁盘IO优化

    前面讲了KVM CPU(http://blog.csdn.net/dylloveyou/article/details/71169463).内存(http://blog.csdn.net/dyllov ...

相关文章