ITPub博客

首页 > Linux操作系统 > Linux操作系统 > javascript and jquery

javascript and jquery

原创 Linux操作系统 作者:Flourish2004 时间:2011-09-10 08:27:55 0 删除 编辑
  •  

    Javascript遍历Html Table

    1: 遍历并输出Table中值


       
          
       
       
          
       

    function  f()
    {
       var t=document.getElementById("tb").childNodes.item(0);
       for(var i=0;i< t.childNodes.length;i++)
       {
          for(var j=0;j         {
                alert(t.childNodes(i).childNodes(j).innerText);
             }
       }
    }

    2: 遍历Table,读取CheckBox状态和其他Column值
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    http://www.w3.org/1999/xhtml">

        Untitled Page

           
            function  f()
            {
               var t=document.getElementById("tb").childNodes.item(0);
              
               for(var i=0;i< t.childNodes.length;i++)
               {
               alert(t.childNodes(i).firstChild.firstChild.nodeValue);
               alert(t.childNodes(i).childNodes[1].firstChild.checked);    
               }
            }

       

       


           
               
               
               
           
           
               
               
               
           
           
               
               
               
           
       

                    1234

                   

               

                    2234

                   

               

                    3234

                   

               



    通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。

    jQuery 语法实例

    $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有

    元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

    jQuery 语法

    jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

    基础语法是:$(selector).action()

    • 美元符号定义 jQuery
    • 选择符(selector)“查询”和“查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作

    示例

    $(this).hide() - 隐藏当前元素

    $("p").hide() - 隐藏所有段落

    $("p.test").hide() - 隐藏所有 class="test" 的段落

    $("#test").hide() - 隐藏所有 id="test" 的元素

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。

    文档就绪函数

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

    $(document).ready(function(){
    
    --- jQuery functions go here ----
    
    });
    

    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

    如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

    • 试图隐藏一个不存在的元素
    • 获得未完全加载的图像的大小





    $(document).ready(function(){  // jQuery 函数位于一个 document ready 函数中
      $(".btn1").click(function(){        //class =btn1 onclick event trigger 
      $("p").slideToggle();                // 通过使用滑动效果,在显示和隐藏状态之间切换

    元素:
      });
    });



    This is a paragraph.





  • 来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/183242/viewspace-707067/,如需转载,请注明出处,否则将追究法律责任。

    上一篇: strong
    下一篇: asp.net小知點
    请登录后发表评论 登录
    全部评论

    注册时间:2009-01-06

    • 博文量
      149
    • 访问量
      171773