jQuery最基础

时间：2010-04-12 来源：bing_fox

//--1. how to work

//加载库

<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>    //主库,必须加载


<script src="../js/jquery.tools.min.js"></script>    //工具库要用到tab, tooltip等加载

<script type="text/javascript" src="../js/tools.flashembed-1.0.4.min.js"></script>    //flash库

<script type="text/javascript" src="../js/flashembed.js"></script>    //自定义的js

//加载自己的脚本

<script type="text/javascript" src="../js/jack.js"></script>
//可以无需在.html文件中写任何的js脚本

//--2. window.onLoad

//相当于main函数,是脚本入口

$(document).ready(function (){
    alert("Hello world!");
});
//--3. selector and hide()

    //hide("slow")慢慢隐藏对象

    //--.1 *

    //选择全部body

    $('*').hide("slow");
    //--.2 p, div, a, form ....

    //选择全部相应的标签

    $('p').hide("slow");    //隐藏所有p标签

    //--.3 [attr|=value] and [attr*='substring'] ...

    //选择属性匹配的子集

    $('a[hreflang|=en]').hide("slow");    //隐藏hreflang属性值"等于"en或en-的所有a标签

    $('a[hreflang*=en]').hide("slow");    //隐藏hreflang属性值"包含"en的所有a标签

    $('a[hreflang~=en]').hide("slow");    //隐藏hreflang属性值"包含"en单词的所有a标签

    $('a[hreflang$=en]').hide("slow");    //隐藏hreflang属性值"以"en结尾的所有a标签

    $('a[hreflang^=en]').hide("slow");    //隐藏hreflang属性值"以"en开头的所有a标签

    $('a[hreflang=en]').hide("slow");    //隐藏hreflang属性值"等于"en的所有a标签

    $('a[hreflang!=en]').hide("slow");    //隐藏hreflang属性值"不等于"en的所有a标签

    //--.4 :button, :checkbox

    $(':button').hide("slow");    //隐藏所有button和类型为button的标签

    $(':checkbox').hide("slow");    //隐藏所有类型为checkbox的标签

    $(':checked').hide("slow");    //隐藏所有类型为checked的标签

    //另外还有

    :text
    :password
    :radio
    :submit
    :image
    :reset
    :hidden
    //--.5 father > child

    $('p>a').hide("slow");    //隐藏所有<p><a></a></p>的标签,可以多层

    //--.6 class

    $('div.className').hide("slow");    //隐藏class name为className的所有div标签

    //--.7 id

    $('#idName').hide("slow");    //隐藏id name为idName的第一个标签,原则上id应该在整个文档唯一

    //--.8 谓词    :word

    $('p:eq(1)').hide("slow");    //序号为1的项

    $('p:first').hide("slow");    //第一项

    $('p:last').hide("slow");    //最后项

    $("p:lt(5)").hide("slow");    //小于5

    $("p:gt(5)").hide("slow");    //大于5

    $("p:even").hide("slow");    //偶数项

    :odd     //奇数项

    :visible //可见的

    :hidden     //隐藏的

    :parent