2014年辛星jquery解读第二节
*************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解读第二节的更多相关文章
- 2014年辛星Javascript解读第二节
本小节我们解说一下Javascript的语法,尽管js语言很easy,它的语法也相对好学一些,可是不学总之还是不会的,因此,我们来一探到底把. ********凝视************* 1.我们 ...
- 2014年辛星jquery解读第三节 Ajax
***************Ajax********************* 1.Ajax是Asynchronous Javascript And XML的简写,它指的是异步Javascript ...
- 2014年辛星完全解读Javascript第二节
本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通 ...
- 2014年辛星完全解读Javascript第一节
***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数 ...
- 2014年辛星完全解读Javascript第七节 数组和对象
由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. *********** ...
- 2014年辛星完全解读Javascript第六节 对象
随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象 ...
- 2014年辛星完全解读Javascript第四节 流程控制语句
上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******** ...
- 2014年辛星Javascript解读第四节 流程控制语句
上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******* ...
- 2014年辛星完全解读Javascript第五节 break和continue与错误处理
先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句, ...
随机推荐
- Linux Kernel(Android) 加密算法汇总(三)-应用程序调用内核加密算法接口
于Linux Kernel(Android) 加密算法总结(cipher.compress.digest)文章中.介绍了怎样在内核中增加三种不同类型的内核加密算法, 并给出了在内核模块中怎样调用他们的 ...
- Heritage from father
Problem Description Famous Harry Potter,who seemd to be a normal and poor boy,is actually a wizard.E ...
- 房费制 之 登录BUG
声明:以下内容只有当你登录到一个username同时,学生不能申请多次登录. 说是BUG,事实上这也不是一个BUG,仅仅是想出一个办法,解决一个大家好多人都没有解决的问题.以下就给大家 ...
- Hadoop之—— CentOS Warning: $HADOOP_HOME is deprecated解
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46389499 启动Hadoop时报了一个警告信息.我安装的Hadoop版本号是ha ...
- php调用webservice的几种方法
原文:php调用webservice的几种方法 1.WSDL模式: $soap = new SoapClient("http://192.168.6.69:8899/Service1.asm ...
- ef添加字段
先在实体类里添加字段 ,然后执行 Add-Migration updateNumberOfLikes Update-Database -Verbose
- JAVA Socket传输Object(对象)注意的问题
在java中,可以通过socket将一个对象进行传递,通过ObjectOutputStream,ObjectInputStream来进行写入和读取(具体的方法参考http://blog.csdn.ne ...
- 类似的微博推断客户关系sql声明
类别似新浪微博的关注和共同关心 不知道别人是怎么设计的. 反正我是例如以下设计的 ID USER FRIEND 1 A B 2 B A 3 ...
- HDFS Safemode问题
处于safemode的集群是无法接收不论什么写操作的,包含创建文件夹.删除文件.改动文件.上传文件等等. 关于safemode,在http://www.iteblog.com/archives/977 ...
- Mysql 演示示例存储过程
DELIMITER $ CREATE PROCEDURE generate_Equipment(district INT,warehouseNO VARCHAR(10) ) BEGIN DECLAR ...