jquery或者JS怎么改class的名字
jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下:$("#test").attr("class","blue");$("#test").prop("class","blue");document.getElementById("test").className = "blue";实例演示如下:
1、HTML结构<style>.red{color:red !important;}.blue{color:blue !important;}</style><div id="test">我是示例DIV</div><input type="button" id="js" value="使用javascript方法修改类名为red"><br><input type="button" id="jq" value="使用jquery方法修改类名为blue"><br>
2、jquery代码$(function(){$("#jq").click(function() {$("#test").attr("class","blue");});}); window.onload = function(){document.getElementById("js").onclick = function(){document.getElementById("test").className = "red";}}3、效果演示
jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下: $("#test").attr("class","blue"); $("#test").prop("class","blue"); document.getElementById("test").className = "blue"; 实例演示如下: 1、HTML结构
我是示例DIV 2、jquery代码 $(function(){ $("#jq").click(function() { $("#test").attr("class","blue"); }); }); window.onload = function(){ document.getElementById("js").onclick = function(){ document.getElementById("test").className = "red"; } } 3、效果演示
zepto和jquery的区别
1、针对移动端程序zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件),zepto是不支持IE浏览器的。
2、DOM操作的区别添加id时jquery不会生效而zepto会生效。
3、事件触发的区别使用jquery时load事件的处理函数不会执行;使用zepto时load事件的处理函数会执行。
4、事件委托的区别zepto中,选择器上所有的委托事件都依次放入到一个队列中,而在jquery中则委托成独立的多个事件。5、js精简方面zepto是jquery的精简,针对移动端去除了大量jquery的兼容代码。6、其他方面zepto中没有为原型定义extend方法而jquery有;zepto的each方法只能遍历数组,不能遍历JSON对象。