zoukankan      html  css  js  c++  java
  • jquery基础

    书籍jquery in action(jquery实战),jquery有原版库和压缩之后的mini库(jsmin.exe,进入到js类库dos命令下 jsmin *.js /*)

    js开发IDE:aptana

    jquery ui:easyUI,DWZ,miniUI等

    $(document).ready(function(){})等价于$(function(){});

    jquery中的包装集:

    使用逗号来分割多个包装集:$("tbody tr:eq(2) , tr#xyz").css("","");

    另外可使用add方法来连接多个包装集:$("tbody tr:eq(2)").add("thead tr td:eq(2)").css("","");

    not删除:$("tr").not("tr#abc").css("","")所有的tr除去id为abc的tr;

    filter过滤:$("tr").filter("tr:lt(3)").css("","");过滤掉不符合过滤条件的其他元素,即只有小于3的元素被选中;

    slice切割:$("tr").slice(1,3).css("",""),1到3之间的元素被切割出来即1和2这两个元素取下不取上,返回新的包装集;

    find查找:$("table").find("tr#abc").css("","");查找符合条件的元素,返回的是一个新的包装集;

    is判断:$("td").is("td:contains('xx)"),判断当前的包装集中是否有某个元素,返回boolean值;

    children()获取子元素:children("tr td")是不对的,children("tr").children("td")才正确;

    next(),nextAll():前者返回下一个元素,后者返回下面的所有兄弟元素,返回的是一个新的包装集 ;

    parent(),parents():前者返回上一级的直接父元素$("#sp").parent("div")返回d1,后者返回所有的满足条件的祖先元素$("#sp").parents("div")返回d1和d2:

    <div id="d2">

    zs

    <div id="d1">

    <span id="sp">ls</span>

    </div>

    </div>

    prev():返回唯一前面兄弟元素,prevAll()所有的前面兄弟元素,siblings()所有的兄弟元素。

    attention:add(),not(),filter()返回当前包装集,find(),slice(),clone(),parent(),prev,children(),siblings()等返回的是新包装集,

    add()会添加新元素到包装集,not()和filter()是在当前包装集的基础上进行操作,find()是在元素集中查找而filter()是在包装集中过滤。

    链式编程:使用end()方法返回上一个包装集

    实现元素的复制:使用clone()方法实现元素的复制,现有两个表格table,一个id为user(里面有数据)的table,另一个id为employee没有数据的table,需把user的数据复制到employee中,使用$("#user tbody").clone().appendTo("#employee);

    andSelf():把所有的包装集合在一起;

    map:可以将某个包装集中的元素转换成数组,用法 var p = $("xx").map(function(){....xxx...return xx;}).get(),即p为返回的数组,也可返回json对象的数组

    has:返回新的包裝集.

  • 相关阅读:
    【★】深入BGP原理和思想【第一部】
    自制ACL+DHCP实验(初版)
    自制ACL+DHCP实验(初版)
    交换机端口呈现err-disable的原因
    交换机端口呈现err-disable的原因
    ★不容错过的PPT教程!
    ★不容错过的PPT教程!
    自制STP配置实验
    CCNA+NP学习笔记—交换网络篇
    CCNA+NP学习笔记—交换网络篇
  • 原文地址:https://www.cnblogs.com/charleszhang1988/p/jquery.html
Copyright © 2011-2022 走看看