热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jquery一般方法介绍入门参考

对于刚开始接触jquery的朋友是个不错学习参考,对于一些方法的使用也给出了说明。
1、event.preventDefault():阻止某个事件的发生。如一个链接,点击时一般会跳到所链接的页面,如果想规避掉这个功能,则可以采用这个方法。如:
代码如下:

  点击百度
  

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代码为
      
哈哈哈哈2

      
哈哈3

  
  在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、
        

one

two

three


      
     //效果为第二个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)$("
", {
    "class": "test",
     text: "Click me!",
     click: function(){
     $(this).toggleClass("test");
    }
  }).appendTo("body"); 
  或者   
    $("
").attr {
    "class": "test",
     text: "Click me!",
     click: function(){
     $(this).toggleClass("test");
    }
  }).appendTo("body");
推荐阅读
  • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 本文介绍了一段使用jQuery实现的用户注册页面表单验证代码,适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript,确保用户输入的数据格式正确。 ... [详细]
  • 本文详细介绍超文本标记语言(HTML)的基本概念与语法结构。HTML是构建网页的核心语言,通过标记标签描述页面内容,帮助开发者创建结构化、语义化的Web页面。 ... [详细]
  • 本文详细介绍如何利用已搭建的LAMP(Linux、Apache、MySQL、PHP)环境,快速创建一个基于WordPress的内容管理系统(CMS)。WordPress是一款流行的开源博客平台,适用于个人或小型团队使用。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 探讨如何真正掌握Java EE,包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法,并提供了详尽的标准。 ... [详细]
  • 在网站制作中随时可用的10个 HTML5 代码片段
    HTML很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这篇文章中,我收集了10个超有用的HTML代码片段,有HTML5启动模板、空白图片、打电话和发短信、自动完 ... [详细]
author-avatar
手机用户2502862657
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有