Chinaunix首页 | 论坛 | 博客
  • 博客访问: 420687
  • 博文数量: 117
  • 博客积分: 5235
  • 博客等级: 大校
  • 技术积分: 1775
  • 用 户 组: 普通用户
  • 注册时间: 2007-09-12 15:51
文章分类

全部博文(117)

文章存档

2012年(9)

2011年(2)

2010年(21)

2009年(13)

2008年(72)

我的朋友

分类:

2010-04-12 17:07:25

//--1. how to work

//加载库

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

<!-- Tabs, Tooltip, Scrollable, Overlay, Expose. No jQuery. -->
<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");    //隐藏所有

的标签,可以多层

    //--.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    


阅读(646) | 评论(0) | 转发(0) |
0

上一篇:判断大小端

下一篇:jQuery tools 第一期

给主人留下些什么吧!~~