zoukankan      html  css  js  c++  java
  • JQuery速记

    速记笔记的作用是将一些零碎的点整合在一起,这些点太小并不适合写一篇随笔,将这些点揉合在一起,可能有时候,互相就擦出火花,形成一篇博客。

    1,可以用一个变量来表示某一个元素,这样就不用每次都输入$("#id")了,代码如下:

    1 var projectList = $("#projectList");

    2,一条JQuery语句同时给多个属性赋值,代码如下:

    1 $("p").text("改变之后").css("color", "red");

      代码的作用是将p的文本改为“改变之后”的同时,将字体的颜色改为红色。

    3,在html标签中,理论是我们可以给标签添加任意自定义的属性(原则上我们并不这么做),代码如下:

    1 $("p").text("改变之后").css("color", "red").attr("ss","sdsd");

      代码的作用是为p元素添加‘ss'属性,运行后的页面html如下:

    4,遍历find()方法,代码如下:

    1 $("p").find("span").css('color','red');
    2 alert($("#select1").find("option:selected").text());

    用find可以查询一个集合,代码如下:

     1         <ul>
     2             <li>刘德华</li>
     3             <li>张学友</li>
     4             <li>郭富城</li>
     5             <li>黎明</li>
     6         </ul>
     7 
     8         var tmp = $("ul").find("li");
     9         if (tmp.length > 2) {
    10             alert('他们太2了');
    11         }

    很明显,结果是他们太2了。

    5,在JQuery中,如果前面的代码出现问题,那后面的代码也同样得不到执行,代码和图如下:

    1     $(function () {
    2         $("#btn1").click(function () {
    3             var tmp = sadad;
    4             alert('sss');
    5         })
    6     })

    因为sadad处,JQuery处产生异常,那么alert方法就不会被调用。

    6,在JQuery中仍然可以使用try...catch语句,如上面的代码中如果将var tmp = sadad;放在try中,那么后边的alert方法仍然可以被执行。

    7,在JQuery中使用Ajax,beforestart在Ajax调用之前被触发,代码如下:

    1                 success: function (result) {
    2                     window.location = "http://www.baidu.com";
    3                 },
    4                 beforeSend: function () {
    5                     alert('nihao');
    6                 }

    窗口先弹出‘nihao’的消息框,然后才会跳转到百度的首页(我对度娘是真爱

    8,preventEvent组织元素发生默认的行为,代码如下:

            $("a").click(function (a) {
                a.preventDefault();
            });

    这样,上面的超链接就无法连接到度娘首页了。

    9,根据查询结果动态构建页面时,常用的JQuery事件:(单独整理一篇随笔)

  • 相关阅读:
    Java59道常见面试题,内附答案
    2020年一个月时间面试字节跳动,面试经历分享(已拿offer)
    阿里总结的《Java成神之路》 PDF 火了,完整版开放下载!
    Github14k堪称神级的Spring Boot手册,从基础入门到实战进阶
    三面阿里(支付宝)Java高开岗,复习两月有幸拿到offer
    Java 最常见的 200+ 面试题:面试必备
    【面试总结】终于拿到了美团offer了,没有辜负了这三个月的努力啊
    阿里P9都赞不绝口的面试宝典!半月看完25大专题,居然斩获阿里P7offer
    Integer是int
    抽象类和接口
  • 原文地址:https://www.cnblogs.com/SharpL/p/4705797.html
Copyright © 2011-2022 走看看