常用javascript和jQuery方法的比较
2012-03-28 17:41
459 查看
1、创建对象并加入文档
javascript:var para=document.createElement('p');document.body.appendElement('p');//这里是将p元素追加为
jQuery:jQuery提供了4种将新元素插入到已有元素之前或者之后的方法:append()、appendTo()、prepend()、prependTo()。代码例子:
javascript:var newReference=element.replaceChild(newChild,oldChild);
jQuery:replaceWith()、replaceAll()
8、CSS-DOM操作:
javascript:格式:element.style.property ,CSS-DOM能够读取和设置style对象的属性,其不足之处是无法通过它来提取外部CSS设置的样式信息
jQuery:格式:$(selector).css() ;.css()方法获取元素的样式属性,此外,JQuery还提供了height()和width()分别用来获取元素的高度和宽度(均不带单位),而css(height)、 css(width)返回高宽,且带单位。
注意:CSS中的如 "font-size"这样有"-"的,要使用首字母小写的驼峰式表示,如fontSize。
javascript:var para=document.createElement('p');document.body.appendElement('p');//这里是将p元素追加为
body的lastchild子节点,如果想将新创建的p元素插入到已存在的某个元素之前,可以使用insertBefore()方法
jQuery:jQuery提供了4种将新元素插入到已有元素之前或者之后的方法:append()、appendTo()、prepend()、prependTo()。代码例子:
<
p
>World!</
p
>
javascript:var newReference=element.replaceChild(newChild,oldChild);
jQuery:replaceWith()、replaceAll()
8、CSS-DOM操作:
javascript:格式:element.style.property ,CSS-DOM能够读取和设置style对象的属性,其不足之处是无法通过它来提取外部CSS设置的样式信息
jQuery:格式:$(selector).css() ;.css()方法获取元素的样式属性,此外,JQuery还提供了height()和width()分别用来获取元素的高度和宽度(均不带单位),而css(height)、 css(width)返回高宽,且带单位。
注意:CSS中的如 "font-size"这样有"-"的,要使用首字母小写的驼峰式表示,如fontSize。
相关文章推荐
- jquery和javascript的区别以及常用方法比较
- jquery和javascript的区别(常用方法比较)
- jquery和javascript的区别(常用方法比较)
- JavaScript 与JQuery 常用方法比较
- jquery和javascript的区别(常用方法比较)
- jquery和javascript的区别(常用方法比较)
- JavaScript与jQuery常用方法的比较
- JavaScript 与JQuery 常用方法比较
- jquery和javascript的区别(常用方法比较)
- jquery和javascript的区别(常用方法比较)(修正)
- jquery和javascript的区别(常用方法比较)
- jquery和javascript的区别(常用方法比较)
- jquery和javascript的区别(常用方法比较)
- JavaScript 与JQuery 常用方法比较
- JavaScript 与JQuery 常用方法比较
- JavaScript 与JQuery 常用方法比较
- jquery和javascript的区别(常用方法比较)
- jquery和javascript常用方法比较
- JQuery中$(document).ready()与传统JavaScript中的window.onload方法比较
- JavaScript String类常用方法比较