Jquery和javascript在使用上的区别.docVIP

Jquery和javascript在使用上的区别 选择器 在jquery中 id $(#lastname) id=lastname 的元素 .class $(.intro) 所有 class=intro 的元素 element $(p) 所有 p 元素 在javascript中 getElementById(lastname); getElementsByTagName(p); Jquery对于input元素的增强，所有的input元素都可以用下面的方式获取 input $(:input) 所有 input 元素 :text $(:text) 所有 type=text 的 input 元素 :text形式的用法，都会将含有这个属性的元素取出来 事件 在jquery中 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 function test(){ //处理… } document.getElementById(but1).onclick=test; $(“button”).click(function(){ //处理… }); (2) script language=javascript type=text/javascript //事件绑定document.getElementById(but1).attachEvent(onclick,test); /script script language=javascript type=text/javascript //事件document.getElementById(but1).detachEvent(onclick,test); /script //事件绑定script type=text/javascript $(document).ready(function(){ $(button).bind(click,function(){ //处理… }); }); /script //事件script type=text/javascript $(document).ready(function(){ $(button).unbind(click,function(){ //处理… }); $(button).unbind(click); }); /script 文档操作 只列举4个常用的例子，至于其他CRUD操作，请参照文档 属性操作 $(img).attr(width); $(button).click(function(){ $(img).attr(width,180); }); document.getElementById(id).getAttribute(width); document.getElementById(id). setAttribute (width,180); document.getElementsByTagName(img); …… html操作 $(p).html(); $(.btn1).click(function(){ $(p).html(Hello bworld!/b); }); document.getElementById(id).innerHtml; document.getElementById(id).innerHtml=html片段; text操作 $(p).text(); $(.btn1).click(function(){ $(p).text(Hello world!); }); document.getElementById(id).innerText; document.getElementById(id). innerText =文本; val操作（好像是input框专用） $(:text).val(); $(button).click(function(){ $(:text).val(Hello Kitty); }); document.getElementById(id).value; document.getElementById(id). value =文本; CSS 操作 $(p).css(color); $(p).css(color,red); document.getElementById