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事件:(单独整理一篇随笔)

  • 相关阅读:
    [转]在 javascript 按键事件中,按键值的对照表
    表达式树(Expression Tree)
    WPF之路——用户控件对比自定义控件UserControl VS CustomControl)
    wpf创建用户控件(计时器控件)
    WPF 命令
    WPF自定义DataGrid分页控件
    WPF ----在UserControl的xaml里绑定依赖属性
    wpf 自定义ListBox
    WPF 自定义NotifyPropertyChanged
    WPF 使用附加属性增加控件属性
  • 原文地址:https://www.cnblogs.com/SharpL/p/4705797.html
Copyright © 2011-2022 走看看