jqueryhtml5,jqueryhtml方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

请问，怎么用JQuery监听html5 中video 标签的全屏按钮？

这个可以检测 videoWidth 和 videoHeight 这两个属性是否等于自己创建的的属性，不等于则是全屏。

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

简要介绍

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

事件机制

我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写 "fn()",使用jquery可以使javascrīpt代码与html代码分离，保持HTML的清洁，还可以很轻松地绑定事件，甚至你可以不知道“事件”这个名词。

相关问答

Q1: 请牛人解释一下jquery和html5的关系？

两者没有必然的关系：

Html5是最新的Html语言标准，目前绝大多数浏览器都已经支持HTML5

而Jquery是基于Javascript的一个框架，封装好了很多方法和功能

举个例子：这个网页设计比作一个人

HTML是由多种骨头(标签)组成的骨架。

HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.

JavaScript控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)

jQuery是把一组常用动作编排成了一个招式。

Q2: html5 怎么引入jquery

下载jquery文件，然后在html代码的head和body中间添加script type=text/script Src=你下载好的jquery文件路径/script

Q3: jQuery中使用data()方法读取HTML5自定义属性data-*实例

主要的方法如下：

复制代码

代码如下:

.data(

key,

value

)

.data(

obj

)

.data(

key

)

.data()

从jQuery

1.4.3起，

HTML

data-

属性

将自动被引用到jQuery的数据对象中。

例如HTML：

复制代码

代码如下:div

data-role

"page"

data-last-value

"43"

data-hidden

"true"

data-options

'{"name":"John"}'

/div

下面的

jQuery代码都是返回

true

的：

复制代码

代码如下:

(

"div"

)

data

(

"role"

)

===

"page"

;

(

"div"

)

data

(

"lastValue"

)

===

;

(

"div"

)

data

(

"hidden"

)

===

true

;

(

"div"

)

data

(

"options"

)

name

===

"John"

;

和html5的api不同的是，jQuery会尝试将字符串转换为一个JavaScript值（包括布尔值（booleans），数字（numbers），对象（objects），数组（arrays）和空（null））。如果这样做不会改变数值的表示，那么该值将转换为一个数字（number）。例如，“1E02”和“100.000”是等同于数字（数字值100），但将转换它们会改变他们的表示，所以他们被保留为字符串。字符串值“100”被转换为数字100。

如果数据(data)属性是一个对象（以“{”开始）或数组（以'[‘开始），可以用jQuery.parseJSON

将其解析成字符串；它必须遵循

有效的JSON的语法

，包括带双引号的属性名称。如果该值不能解析为一个JavaScript值，它将被保留为字符串。

如果想将取出的属性值直接当作字符串的话，请使用

attr()

方法。

data-属性是在第一次使用这个数据属性后不再存取或改变（所有的数据值都在jQuery内部存储）。

调用

.data()

时如果不带参数，将会以

JavaScript