div class="voice"
创新互联专业为企业提供曲阜网站建设、曲阜做网站、曲阜网站设计、曲阜网站制作等企业网站建设、网页设计与制作、曲阜企业网站模板建站服务，10年曲阜做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
audiosource src="地址" type="audio/aac" //audio
/div
$(document).on('click','.voice', function() {
$(this).addClass('voice1');
$(this).find('audio').get(0).play();
$(this).find('audio').bind('ended',function () {
$('.voice').removeClass('voice1');
});
});
这是一个点击播放后，加上一个动画样式，监听到播放完成后，去掉动画样式的例子。。
这个可以检测 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的清洁，还可以很轻松地绑定事件，甚至你可以不知道“事件”这个名词。
//原生
var elem = document.querySelector('#myInput');
elem.addEventListener('keydown', function(e) {
if( e.keyCode == 13 ){
console.log('Enter is pressed.');
//add your code
}
});
//使用jQuery
$('#myInput').keydown(function(e){
if( $(e).which == 13 ){
console.log('Enter is pressed.');
//add your code
}
});
监听是js来实现的，对于html是否是html5无关。
在iOS开发之Objective-C与HTML5交互操作 中我们可以通过stringByEvaluatingJavaScriptFromString 去实现在obj-C中获取到相关节点属性，添加javascript代码等功能。但是我们如何监听到javascript的响应事件呢。在MAC OS中有效的API去实现，但iPhone没有，但我们有一个技巧途径：
大概思路是：在JavaScript事件响应时，通过设置document.location，这会引发webview的一个delegate方法，从而实现发送通知的效果，即达到监听的目的。
1、在javascript与webView之间定一个协议约定：
myapp:myfunction:myparam1:myparam2
2、在javascript中添加代码：
document.location = "myapp:" + "myfunction:" + param1 + ":" + param2;
3、在webView的delegate方法webView:shouldStartLoadWithRequest:navigationType: 添加
- (BOOL)webView:(UIWebView *)webView2
shouldStartLoadWithRequest:(NSURLRequest *)request
navigationType:(UIWebViewNavigationType)navigationType {
NSString *requestString = [[request URL] absoluteString];
NSArray *components = [requestString componentsSeparatedByString:@":"];
if ([components count] 1
[(NSString *)[components objectAtIndex:0] isEqualToString:@"myapp"]) {
if([(NSString *)[components objectAtIndex:1] isEqualToString:@"myfunction"])
{
NSLog([components objectAtIndex:2]); // param1
NSLog([components objectAtIndex:3]); // param2
// Call your method in Objective-C method using the above...
}
return NO;
}
return YES; // Return YES to make sure regular navigation works as expected.
}
