1. <!DOCTYPE html>
  2.  
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <title></title>
  7.     <style>
  8.         #pannel {
  9.             position:relative;
  10.             width:100px;
  11.             height:100px;
  12.             border:1px solid #0050d0;
  13.             background:#96e555;
  14.             cursor:pointer;
  15.         }
  16.     </style>
  17.     <script type="text/javascript" src="../Packages/jQuery.1.8.3/jquery-1.8.3.min.js"></script>
  18.     <script type="text/javascript">
  19.         //选择器总结
  20.         //jquery中选择器编写均可以以元素名为开头  后跟id,class或则属性选择器来组成。
  21.         //$("input[name$='3']")  input为元素名,[]中包含属性name,name的值以3结尾
  22.         //$("input#none5")                                              不能有空格
  23.         //$("input.cls1")                                               不能有空格
  24.         //$("input:first")
  25.         //$("input[class][name^='none']") 复合选择器，返回含有class属性且name属性的值以none值开头
  26.         //$("input.cls1[name^='none']") 返回class为.cls1且name属性的值以none值开头
  27.         //form所有后代input元素
  28.         var Init1 = function () {
  29.             $("form input").each(function () {
  30.                 alert($(this).attr("name"));
  31.             })
  32.         };
  33.         //form所有input子元素
  34.         var Init2 = function () {
  35.             $("form > input").each(function () {
  36.                 alert($(this).attr("name"));
  37.             })
  38.         };
  39.         //紧接form后的所有input同辈元素
  40.         var Init3 = function () {
  41.             $("form ~ input").each(function () {
  42.                 alert($(this).attr("name"));
  43.             })
  44.  
  45.             //$("input[name='none2'] ~ input").each(function () {
  46.             //    alert($(this).attr("name"));
  47.             //})
  48.         };
  49.         //紧接form的第一个input同辈元素
  50.         var Init4 = function () {
  51.             $("form + input").each(function () {
  52.                 alert($(this).attr("name"));
  53.             })
  54.         };
  55.         //返回属性name包含none的所有input元素
  56.         var Init5 = function () {
  57.             $("input[name*='none']").each(function () {
  58.                 alert($(this).attr("name"));
  59.             })
  60.         }
  61.         //返回class为cls1的所有input元素
  62.         var Init6 = function () {
  63.             //alert($("input.cls1").attr("name"));
  64.             $("input.cls1").each(function () {
  65.                 alert($(this).attr("name"));
  66.             })
  67.         }
  68.         //返回id为none5的所有input元素
  69.         var Init7 = function () {
  70.             //alert($("input.cls1").attr("name"));
  71.             $("input#none5").each(function () {
  72.                 alert($(this).attr("name"));
  73.             })
  74.         }
  75.         //返回第一个input元素
  76.         var Init8 = function () {
  77.             $("input:first").each(function () {
  78.                 alert($(this).attr("name"));
  79.             })
  80.         }
  81.  
  82.         //返回第一个input元素
  83.         var Init9 = function () {
  84.             //$("input[class][name^='none']").each(function () {
  85.             //    alert($(this).attr("name"));
  86.             //})
  87.             $("input.cls1[name^='none']").each(function () {
  88.                 alert($(this).attr("name"));
  89.             })
  90.         }
  91.         //$(Init9);
  92.  
  93.         var GetDom = function (id) {
  94.             //alert($("#none7").val());
  95.             var $id = $("#" + id);
  96.             alert($id);
  97.             alert($id.get(0));
  98.             alert($id.val());
  99.         }
  100.         //此处如果直接调用GetDom("none7")，$id.val()值为undefined
  101.         //因为$()时，dom元素只是绘制完成，但未加载完成
  102.         //$(GetDom("none7"));
  103.  
  104.         //jquery对象与dom对象间的转换
  105.         //jquery转dom var $none7=$("#none7");var none7=$none7[0];或 var none7=$none7.get(0);
  106.         //dom转jquery var none7=document.getElementById("none7"); var $none7=$(none7);
  107.  
  108.         //与$(GetDom("none7"));对应，
  109.         //将方法调用加载到按钮点击事件上，点击可成功获取数据
  110.         $(function () {
  111.             $("#Button1").bind("click", function () {
  112.                 GetDom("none7");
  113.             });
  114.         })
  115.  
  116.         $(function () {
  117.             var $cr = $("#cr");
  118.             $cr.click(function () {
  119.                 if ($cr.is(":checked"))
  120.                 {
  121.                     alert("恭喜！请继续下一步操作");
  122.                 }
  123.                 else
  124.                 {
  125.                     alert("请阅读规章制度！");
  126.                 }
  127.             })
  128.         })
  129.  
  130.         //让渡变量$的控制权
  131.         //jQuery.noConflict();
  132.         //(function ($) {
  133.         //    $(function () {
  134.         //        //$("#Button2").click(function () {
  135.         //        //    alert("让渡测试");
  136.         //        //})
  137.         //        alert("让渡测试");
  138.         //    });
  139.         //})(jQuery);
  140.  
  141.         //判断一个元素是否存在
  142.         //两种方式
  143.         if ($("#none7").length > 0)
  144.         { }
  145.         if ($("#none7")[0])
  146.         { }
  147.  
  148.         //基本选择器 #id \ .class \ element \ * \ selector1,selector2...
  149.         //层次选择器 $(ancestor descendant)  ancestor所有后代descendant元素
  150.         //$("parent>child")
  151.         //$("prev+next")   等同于方法$("prev").next("next") 获取后一个元素
  152.         //$("prev~siblings") 等同于$("prev").nextAll("siblings") 获取prev后所有兄弟元素
  153.         //$("doc").siblings()方法是获取所有同辈元素，跟位置无关
  154.         //过滤选择器
  155.  
  156.         //子元素过滤选择器nth-child(index/odd/even/equation),其中index是从1开始的。
  157.         //eq(index),index是从0开始的
  158.  
  159.         //$(html) 根据传入的html标记字符串，创建一个dom对象，并将dom对象包装为jquery对象返回。
  160.         //含创建元素、文本、属性节点
  161.         //var $li1=$("<li>香蕉</li>");$("ul").append($li1);
  162.  
  163.         //插入节点
  164.         //append() 向每个匹配的元素内追加内容
  165.         //prepend() 向每个匹配的元素内前置内容
  166.         //appendTo() 将所有匹配的元素追加到指定的元素内
  167.         //prependTo()
  168.  
  169.         //after() 每个匹配的元素后插入内容。 <p>我爱你</p>  $('p').after('<b>你好！</b>')  结果是 <p>我爱你</p><b>你好！</b>
  170.         //insertAfter() 将所有匹配的元素插入到指定元素后面。 <p>我爱你</p>  $('<b>你好！</b>').insertAfter('p')  结果是 <p>我爱你</p><b>你好！</b>
  171.         //before()
  172.         //insertBefore()
  173.  
  174.         //删除节点
  175.         //remove() 将匹配的元素及其子元素一起删除，返回的是已被删除的节点引用，删除后可再次使用
  176.         //empty() 清空元素中所有后代节点，可用于清空内容
  177.  
  178.         //替换节点
  179.         //replaceWith() 将所有匹配的元素替换成指定的dom或html
  180.         //replaceAll() 用指定dom或html替换后面括号里的元素，与replaceWith相反
  181.         $(function () {
  182.             //$('p').replaceWith("<strong title='你喜欢的水果'>你喜欢的水果是?</strong>");//将$('p')替换为后面的内容
  183.             $("<strong title='你喜欢的水果'>你喜欢的水果是?</strong>").replaceAll('p');//用前面的内容替换$('p')
  184.         })
  185.  
  186.         //克隆
  187.         $(function () {
  188.             $("ul li").click(function () {
  189.                 //$(this).clone().appendTo($('ul'));
  190.                 $(this).clone().appendTo('ul');//克隆点击li并追加到ul内尾
  191.                 $(this).clone(true).appendTo('ul');//clone(true)复制元素的同时也复制元素所绑定事件
  192.             })
  193.         })
  194.  
  195.         //包裹节点
  196.         $(function () {
  197.             //$("strong").wrap("<b></b>");//将每个stong用<b>包裹
  198.             //$("strong").wrapAll("<b></b>");//将strong组合并用<b>包裹,中间的元素依次提取靠后
  199.             $("strong").wrapInner("<b></b>");//将strong子元素或内容用<b>包裹
  200.         })
  201.  
  202.         //addClass()
  203.         //removeClass()
  204.  
  205.         //toggle()
  206.         //toggleClass()
  207.         //hasClass()
  208.  
  209.         //css() 有单位
  210.         //元素的高度获取
  211.         //css("height")获取的高度与样式设置有关，有可能为‘anto’。获取的高度包含px   $('p').css("color",red); $('p').css("fontSize","10px")采用骆驼写法，尽量用引号
  212.         //height()方法获取的是元素实际高度，与样式设置无关。不含px单位
  213.  
  214.         //$('p').is(':visible') p元素是否显示
  215.         //jquery自定义方法ready(),hover(),toggle()
  216.         //hover(enter,leave)模拟光标悬停事件,光标移到元素上触发enter，移除触发leave
  217.         //hover(enter,leave)是用于替换bind("mouseenter")和bind("mouseleave"),不是用于替换bind("mouseover")和bind("mouseout")
  218.         //toggle(fn1,fn2,...,fnN)模拟鼠标连续点击事件
  219.         //toggle()还能切换元素的可见状态。$(this).toggle();
  220.  
  221.         ////x = 0;
  222.         ////y = 0;
  223.         ////$(document).ready(function () {
  224.         ////    $("div.over").hover(
  225.         ////       function () { $(".over span").text(x += 1); },
  226.         ////       function () {$(".enter span").text(y += 1);}
  227.         ////    )
  228.         ////});
  229.  
  230.         //获取事件对象
  231.         //$(p).bind("click",function(event){});//event就是事件对象
  232.         //event只有处理函数可以访问，当事件处理函数执行完后，就会被销毁
  233.  
  234.         //事件冒泡
  235.         //停止事件冒泡 event.stopPropagation()
  236.         //$(p).bind("click",function(event){//函数内容;event.stopPropagation();});
  237.  
  238.         //阻止元素的默认行为 event.preventDefault()
  239.         //例如超链接有默认跳转事件，提交按钮会提交表单等
  240.         //验证表单内容可用到
  241.         //$(function () {
  242.         //    $("#sub").bind("click", function (event) {
  243.         //        var username = $("#username").val();
  244.         //        if (username == "")
  245.         //        {
  246.         //            //处理说明
  247.         //            //...
  248.         //            event.preventDefault();//阻止表单提交
  249.         //        }
  250.         //    })
  251.         //})
  252.         //如果同时想对事件对象停止冒泡和阻止默认行为可适用 return false;
  253.  
  254.         //jquery不支持事件捕获，事件捕获是从上到下
  255.  
  256.         //事件对象属性
  257.         //event.type() 获取事件类型
  258.         //event.stopPropagation() 停止冒泡
  259.         //event.preventDefault() 阻止默认行为
  260.         //event.target() 获取触发事件元素  event.target.href 连接地址
  261.         //event.relatedTarget() 获取相关元素
  262.         //event.pageX()//event.pageY() 获取光标相对页面的x和y坐标
  263.         //event.which() 鼠标单机事件中获取左中右键,在键盘中获取键盘的按键
  264.         //event.metaKey() 键盘事件中获取ctrl按键
  265.         //event.originalEvent() 指向原始的事件对象
  266.  
  267.         //移除事件
  268.         //可以为同一元素绑定多个事件，也可以为多个元素绑定同一个事件 bind()
  269.         //unbind([type],[,data]) 移除事件绑定
  270.         //$('p').unbind(); //移除所有绑定
  271.         //$('p').unbind("click");//移除click事件
  272.         //$('p').unbind("click",fun1);//移除click的事件方法fun1
  273.  
  274.         //one() 使用方式和bind()一致
  275.         //用于只绑定一次的事件，当处理函数被执行一次后将移除
  276.  
  277.         //模拟操作
  278.         //$('p').trigger("click");模拟点击事件  简化写法$('p').click();
  279.         //trigger()不仅可以触发浏览器支持的事件，也能触发自定义事件
  280.         //trigger(type,[,data]) 第二个用于传递参数
  281.         //bind()可以绑定自定义事件
  282.         //$(function () {
  283.         //    $("#sub").bind("Myclick", function (event, msg1, msg2) {
  284.         //        alert(msg1 + msg2);
  285.         //    })
  286.         //    $("#sub").trigger("Myclick", ["我的自定义", "事件"]);
  287.         //})
  288.  
  289.         //trigger()会触发浏览器的默认操作，如果只触发事件 不触发默认操作可用triggerHandler()
  290.         //triggerHandler("focus") 只触发focus中的事件方法，不会获得焦点
  291.  
  292.         //jquery中的动画
  293.         //$("elment").hide(); 等价于 $("elment").css("display","none");
  294.         //jquery的动画效果应放在标准模式下，不然可能会引起动画抖动
  295.  
  296.         //hide()和show() 同时改变元素的高宽度和透明度
  297.  
  298.         //fadeIn()和fadeOut()改变元素的透明度，淡入淡出
  299.         //fadeIn()
  300.         //fadeOut() 在一定时间内 降低元素的透明度，直至消失
  301.  
  302.         //slideUp()与slideDown()改变的是元素的高度
  303.         //slideUp() 元素由下至上缩短隐藏
  304.         //slideDown() 元素由上至下延伸显示
  305.  
  306.         //自定义动画animate(params,speed,callback)
  307.         $(function () {
  308.             $(this).css("opacity", 0.5);//设置不透明度
  309.             $("#pannel").bind("click", function () {
  310.                 //$(this).animate({ left: "500px" }, 3000);//向右移动500px
  311.                 //$(this).animate({ left: "+=500px" }, 3000);//+=表示在当前位置累加
  312.                 //$(this).animate({ left: "500px",height:"200px" }, 3000);//+=表示在当前位置累加
  313.                 //动画先后顺序，写成多个animate即可
  314.                 //$(this).animate({ left: "500px", height: "200px", opacity: 1 }, 3000)//向右逸动500的同时高度逐渐变为200 并设置不透明度为100%
  315.                 //       .animate({ top: "200px", width: "200px" }, 3000)
  316.                 //       .fadeOut("slow");
  317.  
  318.                 //执行一系列动作后，改变css样式，写字最后一个动画的回调方法中.
  319.                 //这样就将css加入到了动画的队列中
  320.                 $(this).animate({ left: "500px", height: "200px", opacity: 1 }, 3000)//向右逸动500的同时高度逐渐变为200 并设置不透明度为100%
  321.                       .animate({ top: "200px", width: "200px" }, 3000, function () {
  322.                           $(this).css("border", "5px solid blue");
  323.                       });
  324.             })
  325.             //stop([clealQuene][,gotoEnd])
  326.             //clealQuene设为true，把当前元素尚未执行完的动画序列清空
  327.             //gotoEnd设为true，让正在执行的动画直接到达结束时的状态
  328.             $("#pannel").hover(function () {
  329.                 $(this).stop()//停止当前动画，进入下一个动画序列
  330.                 .animate({ left: "500px", height: "200px", opacity: 1 }, 3000);
  331.             },
  332.             function () {
  333.                 $(this).stop(true)
  334.                 .animate({ top: "200px", width: "200px" }, 3000);
  335.             }
  336.             )
  337.             //判断元素是否处于动画状态
  338.             //$("#pannel").is(":animated")
  339.  
  340.             //其他动画方法
  341.             //toggle()切换元素的可见状态
  342.             //slideToggle()通过高度切换元素的可见性
  343.             //fadeTo() 设置匹配元素的不透明度，高宽度不会发生变化
  344.  
  345.             //Javascript Math ceil()、floor()、round()三个函数的区别
  346.             //Math.ceil(12.2) 向上取整
  347.             //Math.floor(12.2) 向下取整
  348.             //Math.round(12.2) 四舍五入
  349.  
  350.             //scrollTop:"50px" 控制滚动条
  351.  
  352.             //表单验证
  353.             //表单中必填元素的验证，采用blur(function(){}).光标移除时触发
  354.             //要做到即时验证，可为表单元素绑定keyup()和focus()事件
  355.             $("form :input").blur(function () {
  356.                 //失去焦点 验证处理
  357.                 //多条件分支判断
  358.             }).keyup(function () {//键盘松开时触发
  359.                 $(this).triggerHandler("blur");
  360.             }).focus(function () {//获取焦点时触发
  361.                 $(this).triggerHandler("blur");//triggerHandler()只触发元素事件，不触发元素默认事件方法
  362.             })
  363.         })
  364.  
  365.         //filter() 筛选出与指定表达式匹配的元素集合
  366.         //$('p').filter('.selected');//筛选出含有selected样式的p元素
  367.  
  368.         //has() 保留包含特定后代的元素
  369.         //<ul>
  370.         //  <li>list item 1</li>
  371.         //  <li>list item 2
  372.         //    <ul>
  373.         //      <li>list item 2-a</li>
  374.         //      <li>list item 2-b</li>
  375.         //    </ul>
  376.         //  </li>
  377.         //  <li>list item 3</li>
  378.         //  <li>list item 4</li>
  379.         //</ul>
  380.         //jQuery 代码: $('li').has('ul').css('background-color', 'red');//将包含ul的li背景色改为红色
  381.  
  382.         //hasClass() 检查当前元素是否含有特定的类
  383.  
  384.         //$(this)["removeClass"]("selected") 等价于 $(this).removeClass("selected")
  385.  
  386.         //var thisEle=$(""#paras).css("font-size");//获取id为paras的字体大小
  387.         //var textFontSize=parseFloat(thisEle,10);//去掉字体的单位
  388.         //var unit=thisEle.slice(-2)//获取字体的单位
  389.  
  390.         //index() 搜索匹配元素，并返回相应元素的索引值，从0开始 
  391.  
  392.         //jquery的cookie插件运用
  393.  
  394.         //jquery的ajax. load(url [,data] [,callback])
  395.         //$("#divT").load("test.html")
  396.         //$("#divT").load("test.html .para")//加载test页面中样式为para的元素至divT中。para为URL参数
  397.         //load()中 若无data参数采用get方式传输，若有data参数采用post方式传输
  398.         //load() 回调函数callback 请求完成后，无论是否成功都会被调用
  399.         //load() 回调函数callback有三个参数
  400.         //$("#divT").load("test.html", function (responseText,textStatus,XMLHttpRequest) {
  401.         //    //responseText 请求返回的内容
  402.         //    //textStatus 请求状态：success,erro,notmodified,timeout4种
  403.         //    //XMLHttpRequest XMLHttpRequest对象
  404.         //})
  405.  
  406.         //$.get(url [,data] [,callback] [,type])
  407.         //callback在请求成功后才会触发与load()不一样
  408.         //type 请求返回内容的格式
  409.  
  410.         //$(selector).serialize()
  411.         //
  412.         //serialize() 通过序列化表单值，创建 URL 编码文本字符串。包含自动编码
  413.         //serializeArray() 将dom元素序列化后，返回json格式
  414.         //表单元素必须使用name属性，才会被序列化到字符串中
  415.         //$.param() 用于对一个数组或对象按key/value进行序列化
  416.         //var obj = { a: 1, b: 2, c: 3 };
  417.         //var objstr = $.param(obj);
  418.         //alert(objstr);//a=1&b=2&c=3
  419.  
  420.         //ajax全局事件方法。只要ajax请求发生，就会触发
  421.         //ajaxStart(callback) ajax请求开始时触发
  422.         //ajaxStop(callback) ajax请求结束时触发
  423.         //ajaxComplete(callback) 完成时
  424.         //ajaxError(callback) 发生错误时执行的函数，捕捉的错误最后一个参数传递
  425.         //ajaxSend(callback) 请求发送前执行
  426.         //ajaxSuccess(callback) 请求成功时触发
  427.  
  428.         //ajaxStart(callback)示例 loading为div 内容为加载中...
  429.         //$("#loading").ajaxStart(function () {
  430.         //    $(this).show();
  431.         //});
  432.         //$("#loading").ajaxStop(function () {
  433.         //    $(this).hide();
  434.         //})
  435.         //使某个ajax请求不受全局方法影响。可将global设置为false
  436.         //$.ajax({
  437.         //    url: "test.html",
  438.         //    global:false //不触发全局事件
  439.         //})
  440.  
  441.         //html lable的for属性规定与那个表单元素绑定.
  442.         //for="element_id"  element_id为label 要绑定的元素的 id。
  443.         //当点击lable（male或female），绑定的单选按钮被选中
  444.         //<form>
  445.         //  <label for="male">Male</label>
  446.         //  <input type="radio" name="sex" id="male" />
  447.         //  <br />
  448.         //  <label for="female">Female</label>
  449.         //  <input type="radio" name="sex" id="female" />
  450.         //</form>
  451.  
  452.         //可以运用验证插件，cookie插件
  453.  
  454.         //jQuery.extend() 可以用传入的参数覆盖默认值
  455.         //jquery的插件this是指jquery对象
  456.         //封装jquery对象方法的插件
  457.         ; (function ($) {
  458.             $.fn.extend({
  459.                 "color": function (value) { },
  460.                 "border": function (value) { },
  461.                 "backgroud": function (value) { }
  462.             })
  463.         })(jQuery)
  464.  
  465.         //封装全局函数插件
  466.         ; (function ($) {
  467.             $.extend({
  468.                 ltrim: function (text) {
  469.                     return (text || "").replace(/^\s+/g, "");
  470.                     //(text||"")用于防止传入尽量的text这个字符串变量处于未定义状态
  471.                     //如果text为undefined,则返回"" 否则返回text
  472.                 },
  473.                 rtrim: function (text) {
  474.                     return (text || "").replace(/\s+$/g, "");
  475.                 }
  476.             });
  477.         })(jQuery);
  478.         $("#trimTest").val(
  479.             jQuery.trim("      text    ") + "\n" +
  480.             jQuery.ltrim("      text    ") + "\n" +
  481.             jQuery.rtrim("      text    ")//自定义全局函数插件的使用
  482.             );
  483.         </script>
  484. </head>
  485. <body>
  486.     <input name="none2" />
  487.     <form>
  488.         <label>Name:</label>
  489.         <input name="name" />
  490.         <fieldset>
  491.             <label>Newsletter:</label>
  492.             <input name="newsletter" />
  493.         </fieldset>
  494.     </form>
  495.     <input class="cls1" name="none" />
  496.     <input class="cls1" name="none5" />
  497.     <input id="none6" class="cls1" name="none6" />
  498.     <input name="none3" />
  499.     <input id="none7" type="text" value="none7" name="none7"/>
  500.     <input id="Button1" type="button" value="button" /><br />
  501.     <input type="checkbox" id="cr" /><label for="cr" >我已阅读制度</label>
  502.     <input id="Button2" type="button" value="button" /><br />
  503.     <ul>
  504.         <li>菠萝</li>
  505.         <li>雪梨</li>
  506.         <li>苹果</li>
  507.         <li>香蕉</li>
  508.     </ul>
  509.     <p title="你喜欢的水果"><strong>你喜欢的水果是?</strong></p>
  510.         <input name="none8" value="dddd" />
  511.     <strong title='你喜欢的水果'>你喜欢的水果是?</strong>
  512.     <div>分隔</div>
  513.     <strong title='你喜欢的水果'>你喜欢的水果是?</strong>
  514.  
  515.     <div id="pannel"></div>
  516. </body>
  517. </html>

jquery练习笔记的更多相关文章

  1. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  2. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  3. jQuery学习笔记（一）：入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  4. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  5. jQuery整理笔记文件夹

    jQuery整理笔记文件夹 jQuery整理笔记一----jQuery開始 jQuery整理笔记二----jQuery选择器整理 jQuery整理笔记三----jQuery过滤函数 jQuery整理笔 ...

  6. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  7. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

  8. jQuery 学习笔记：jQuery 代码结构

    jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...

  9. jQuery:自学笔记(5)——Ajax

    jQuery:自学笔记(5)——Ajax 使用Ajax快捷函数 说明 出于简化AJAX开发工作的流程,jQuery提供了若干了快捷函数. 实例 1.显示 test.php 返回值(HTML 或 XML ...

  10. jQuery:自学笔记(4)——事件与事件对象

    jQuery:自学笔记(4)——事件与事件对象 jQuery中的事件 什么是事件 所谓事件,就是被对象识别的操作,即操作对象队环境变化的感知和反应,例如单击按钮或者敲击键盘上的按键. 所谓事件流,是指 ...

随机推荐

  1. PHP获取本周的每一天的时间

    1.PHP获取未来一周的时间 public function getWeek() { for($i=0;$i<7;$i++) { $arr[$i]=date('Y-m-d',strtotime( ...

  2. 【代码笔记】iOS-播放从网络上下载的语音

    代码: ViewController.m #import "ViewController.h" //录音 #import <AVFoundation/AVFoundation ...

  3. mac下的tcp抓包

    所需工具: 1.所需工具wireshark软件 操作步骤: 1.打开wireshark添加手机端口监测. 在控制台中输入命令:rvictl -s iPhoneDeviceId 添加成功之后,wires ...

  4. 你用过这种奇葩的C#注释吗

    博客园一位微软MVP的文章 http://www.cnblogs.com/asxinyu/p/4383402.html#autoid-0-0-0 摘录: 我这里说的奇葩,并不是脱离三种方式,而是其注释 ...

  5. onlyoffice新版5.1.2版解决中文汉字输入重复等问题

    一个星期前新版更新,从5.07到了5.1.2.9.所以我的网盘中的镜像也做了相应的更新. 原来说的几个缺点,已经修改了几个,比如chrome浏览器和opera浏览器中,输入汉字,然后输入符号的时候,会 ...

  6. 声明元素<%! %>、Scriptlet元素<% %>、表达式元素<%= %>、注释元素、输出特殊符号<%和%>

    声明元素 <%! 类成员声明或方法声明 %> 在声明元素中编写的代码,将转译为Servlet中的类成员或方法. 重新定义jspInit()方法,或是在jspDestroy(),就是在声明元 ...

  7. 今日面试WPS总结

    1.使用正则来实现替换文件名前三位+...+后两位+后缀名 '1234.56789.jpg'.replace(/^(.{3})(.+?)(.{2})(?=\.[^\.]+)$/,"$1$3& ...

  8. MySQL基础之 外键参照讲解

    外键: 定义:如果表A的主关键字是表B中的字段,则该字段称为表B的外键,表A称为主表,表B称为从表. 作用:外键是用来实现参照完整性的,不同的外键约束方式将可以是两张表紧密的结合起来.比如修改或者删除 ...

  9. 【9】python关于os模块与os.path的相关操作

    ---恢复内容开始--- #__author:"吉*佳" #date: 2018/10/20 0020 #function: # os模块知识点 import os # 获取平台名 ...

  10. JMETER TPS

    上一节中,我们了解了jmeter的一此主要元件,那么这些元件如何使用到性能测试中呢.这一节创建一个简单的测试计划来使用这些元件.该计划对应的测试需求. 1)测试目标网站是fnng.cnblogs.co ...