13518219792
首先,html5 和jquery 不具有强大的可比性,他们各有各的功能,1个是脚本,另一个是文档模型
创新互联建站专业为企业提供盘山网站建设、盘山做网站、盘山网站设计、盘山网站制作等企业网站建设、网页设计与制作、盘山企业网站模板建站服务，10年盘山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2. 你说的特效,有html5能做,但jquery无法模拟出来的.但jquery 能做出来,但html5也不一定做的出来.
3.纯html5可以做视频播放,音频播放等等比较好,至于特效,还是推荐使用jquery插件出来的特效,兼容性好,不管ie6,7,8,都可以,但html5,低版本的IE浏览器是不兼容的
4.总的说来是要综合运用,不应追求html5 功能,毕竟现在IE9以上用户占比还不算大,如果大众网站,还是使用保守一点的方式处理,兼容性会更好.
看到网页上炫酷的图形轮廓线路径动画你是否会动心,想要自己来制作一个呢?其实这个特效实现起来并不难,使用轻量级HTML5插件jquery-drawsvg就可以实现了,jquery-drawsvg是一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件。该插件使用jQuery内置的动画引擎来使SVG元素中path元素产生动画,其底层实现使用的是stroke-dasharray和stroke-dashoffset属性。
该SVG路径动画插件的特点有:
轻量级,压缩后小于2kb
使用简单
支持Easing过渡动画效果
演示地址:
插件下载地址:
使用方法:
使用该SVG图形轮廓线路径动画插件需要引入jQuery和jquery.drawsvg.js文件。
script src="js/jquery.min.js"/script
script src="js/jquery.drawsvg.js"/script
初始化插件
在页面DOM元素加载完毕之后,可以通过下面的方法来使SVG图形生成轮廓线动画效果。
首先将初始化的对象实例保存为一个变量:
var mySVG = $('#my_svg_element').drawsvg();
然后就可以执行动画效果了:
mySVG.drawsvg('animate');
配置参数
下面是该SVG路径动画创建的可用配置参数:
参数类型默认值描述durationInteger1000完成每一个路径动画的持续时间staggerInteger200每一个路径动画开始前的延迟时间easingStringswing使用jQuery
Easing插件的过渡动画效果reverseBooleanfalse是否反向绘制callbackFunctionfunction()
{}路径动画完成之后的回调函数
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
CSS是皮肤。CSS3是更美的皮肤
JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。
以下的东西等他学完JS后，
如果问 jQuery 和 JS 有什么区别？，jQuery能不能取代JS？你再告诉他这个。
用招式(jQuery)跟电脑沟通更方便，不过招式(jQuery)是用单个动作(JS)组合而成的，
所以永远不可能取代单个动作(JS)
招式(jQuery)编排了很多常用的动作(比如跑步，吃饭，跳跃，下蹲)。
但是如果需要某些高难度动作(比如 空中转体720°用脸着地)，而招式(jQuery) 里还没有编排。
那就需要自己用单个动作(JS)来组合一个。
下载jquery文件，然后在html代码的head和body中间添加script type=text/script Src=你下载好的jquery文件路径/script
两者没有必然的关系：
Html5是最新的Html语言标准，目前绝大多数浏览器都已经支持HTML5
而Jquery是基于Javascript的一个框架，封装好了很多方法和功能
举个例子：这个网页设计比作一个人
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
JavaScript控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
jQuery是把一组常用动作编排成了一个招式。
HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多.如：
标签选择
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');
多标签
element = document.querySelector('selector1,selector2,...');
elementList = document.querySelectorAll('selector1,selector2,...');
iD 和class
element = document.querySelector('div#container');//返回id为container的首个div
element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素
elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div
jQuery本身在dom操作上速度就一般，jQuery只是原生JS的一个自定义框架，速度首先敢原生就差很远了。所以JQ跟HTML5原生自带的选择器根本就没办法比。当然有时候和JQ结合速度也会比你只使用上面说的选择器快，首先您得记住将DOM缓存起来 如：
var a=$("#a");//缓存元素
var b=$("#a").find(".b");//缓存元素
function doa(){
b.toggle();
}
//如果我们要执行一个点击就让b显示隐藏的话，也就是多次操作该DOM，上面的写法要比下面的快很多很多
function doa(){
y$("#a").find(".b").toggle();
}
