jquery一般方法介绍 入门参考

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");

赞 (0)

相关推荐

  • jquery一般方法介绍 入门参考

    1.event.preventDefault():阻止某个事件的发生.如一个链接,点击时一般会跳到所链接的页面,如果想规避掉这个功能,则可以采用这个方法.如: 复制代码 代码如下: <a href="www.baidu.com">点击百度</a> <script> $(document).read(function(){ $("a").click(function(event){ event.preventDefault(); /

  • jQuery CSS()方法改变现有的CSS样式

    jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456'); //选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果需要改变多个样式

  • jQuery load方法用法集锦

    调用load方法的完整格式是:load( url, [data], [callback] ),其中 url:是指要导入文件的地址. data:可选参数:因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里. callback:可选参数:是指调用load方法并得到服务器响应后,再执行的另外一个函数. 一:如何使用data 1.加载一个php文件,该php文件不含传递参数 $("#myID").load(

  • docker连接spring boot和mysql容器方法介绍

    在之前使用docker部署运行了Spring Boot的小例子,但是没有使用数据库.在这一篇中,介绍docker如何启动mysql容器,以及如何将Spring Boot容器与mysql容器连接起来运行. docker基本命令 首先熟悉一下在操作过程中常用的docker基本命令: docker images:列出所有docker镜像 docker ps:列出所有运行中的容器,-a参数可以列出所有容器,包括停止的 docker stop container_id:停止容器 docker start

  • 在linux下开启FTP服务方法介绍

    1. 首先服务器要安装ftp软件,查看是否已经安装ftp软件下: #which vsftpd 如果看到有vsftpd的目录说明服务器已经安装了ftp软件 如果没有安装ftp软件的话,这里有下载地址和相关教程可以参考: Wing FTP Server FTP服务器端中文版安装使用教程 2. 查看ftp 服务器状态     #service vsftpd status 3. 启动ftp服务器      #service vsftpd start 4. 重启ftp服务器  #service vsftp

  • SpringMVC使用MultipartFile 实现异步上传方法介绍

    目的是实现异步上传 1.添加pom依赖 添加pom依赖,因为用的ajax,数据需要转成json的格式进行传输,所以还有加入一个JSON jar包: <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency>

  • 基于StringBuilder类中的重要方法(介绍)

    下面的API注解包含了StringBuilder类中的重要方法 append(boolean b):将 boolean 参数的字符串表示形式追加到序列. append(char c):将 char 参数的字符串表示形式追加到此序列. append(char[] str):将 char 数组参数的字符串表示形式追加到此序列. append(char[] str,int offset,int len):将 char 数组参数的子数组的字符串表示形式追加到此序列. append(CharSequenc

  • Java多线程编程安全退出线程方法介绍

    线程停止 Thread提供了一个stop()方法,但是stop()方法是一个被废弃的方法.为什么stop()方法被废弃而不被使用呢?原因是stop()方法太过于暴力,会强行把执行一半的线程终止.这样会就不会保证线程的资源正确释放,通常是没有给与线程完成资源释放工作的机会,因此会导致程序工作在不确定的状态下 那我们该使用什么来停止线程呢 Thread.interrupt(),我们可以用他来停止线程,他是安全的,可是使用他的时候并不会真的停止了线程,只是会给线程打上了一个记号,至于这个记号有什么用呢

  • Jquery attr()方法 属性赋值和属性获取详解

    jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1.  attr( 属性名 )        //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.  attr( 属性名, 属性值 )    //设置属性的值 (为所有匹配的元素设置一个属性值.) 3.  att

  • Jquery具体实例介绍AJAX何时用，AJAX应该在什么地方用

    Jquery具体实例介绍AJAX何时用，AJAX应该在什么地方用

    在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了. 网站开发时,ajax是一个非常方便的工具,它具有和表单相同的功能完成前端和后台之间的交互!它起到局部刷新的功能!那什么时候用ajax呢?下面给大家介绍几个实例,首先应该分为两类: 一.在用表单和ajax都可以完成某个功能时,只是使

随机推荐