作家
登录

jquery一般方法介绍 入门参考

作者: 来源:www.28hudong.com 2013-03-30 00:50:16 阅读 我要评论

1、event.preventDefault():阻止某个事件的发生。如一个链接,点击时一般会跳到所链接的页面,如果想规避掉这个功能,则可以采用这个方法。如: 复制代码 代码如下:   <a href="www.baidu.com">点击百度</a>   <script>     $(document).read(function(){       $("a").click(function(event){           event.preventDefault(); //效果为当点击以上链接时,页面保持不动。       })     })   </script> 2、hide()方法,顾名思义,隐藏的方法,若在上述例子中的下面加上$(this).hide(),则点击百度四个字会消失。若加上$(this).hide("slow"),则可发现,点击百度四个字会慢慢消失。 3、callback的用法。callback即所谓的回调函数,只有当父函数执行完后才执行该回调函数。示例如下:   (1)当回调函数没有参数时,直接$.get("dd.html",mycallback);   (2)回调函数包括参数时,$.get("dd.html",function(){                 mycallback(param1,param2);                 })       切忌写成$.get("dd.html",mycallback(param1,param2));则程序会将mycallback()方法返回的值作为get()方法的第二个参数传进去执行get()方法。 4、jquery(selector,[context])的用法:   1、$('div.foo').click(function(){     $('span',this).addClass('bar');   })     html代码为       <div class="foo"><span>哈哈</span>哈哈2</div>       <div class="foo1"><span>哈哈3</span></div>    <style> .bar{font-weight:bold}</style>   在class为foo的div区域内点击,可以发现哈哈两个字变粗了,其余的字保持原样,因为上面script代码表示在class为foo的div中的span中才可以引发addClass的操作。   2、$(this) :如可在上述script代码中添加$(this).slideUp().   3、$.post('url.xml', function(data) {        var $child = $(data).find('child');     }) //加载url.xml中时,将其内容存入data的变量中,再将data中含有child节点的内容存入变量$child中   4、<body>         <p>one</p> <div><p>two</p></div> <p>three</p>       <script>         $("div > p").css("border", "1px solid gray");       </script>     </body> //效果为第二个p采用了该样式   5、$("input:radio", document.forms[0]); 6、$("div", xml.responseXML); //找出xml.responseXML中的div 7、$(document.body).css( "background", "black" );   8、$(myForm.elements).hide()          5、jQuery( html, [ ownerDocument ] )的用法: (1)$("<div/>", {     "class": "test",      text: "Click me!",      click: function(){      $(this).toggleClass("test");     }   }).appendTo("body");    或者        $("<div/>").attr {     "class": "test",      text: "Click me!",      click: function(){      $(this).toggleClass("test");     }   }).appendTo("body");

  推荐阅读

  JavaScript 程序执行顺序问题总结

顺序可能比较乱,写多了再整理,有些术语可能运用也不恰当,欢迎批评指正。以下使用的示例程序都经过了本人的实际验证,兼容各大浏览器。OK,步入正题。 1. 变量的声明和引用 变量必须先声明后引用,这个大家是都知>>>详细阅读


本文标题:jquery一般方法介绍 入门参考

地址:http://www.17bianji.com/kaifa2/JS/24463.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)