jQuery 中的filter 运用

最新推荐文章于 2024-05-02 18:12:22 发布

dhz123

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量512

点赞数

分类专栏： Javascript html CSS 文章标签： jquery filter stylesheet javascript class function

Javascript html CSS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <link rel="Stylesheet" href="http://www.mainaer.com/skin/MaiNaEr/common.css" type="text/css" />
    <link rel="Stylesheet" href="http://www.mainaer.com/skin/MaiNaEr/home.css" type="text/css" />
    <link rel="Stylesheet" type="text/css" href="http://www.mainaer.com/skin/MaiNaEr/subhome.css" />
    <script language="javascript" type="text/javascript" src="jquery-1-3-2.js"></script>

</head>
<body>
   <div id="log"></div>
   <h1>--------------------------</h1>
   <p>
   <a class="link" href="http://blog.csdn.net/hu_zhenghui">
        hu zhenghui
    </a>
    <a class="link" href="http://www.goumin.com/">
        狗民网A
    </a>
    <a class="link" href="http://blog.csdn.net/hu_zhenghui">
        hu zhenghuixx
    </a>
    <a class="link" href="http://www.goumin.com/">
        狗民网B
    </a>
    <a class="link" href="http://blog.csdn.net/hu_zhenghui">
        hu zhenghui
    </a>
    <a class="link" href="http://www.goumin.com/">
        狗民网C
    </a>
    </p>
    <script type="text/javascript">
        $("a").filter (
            function (index) {
                 alert(index );
                  return "http://www.goumin.com/" === $(this).attr("href");
            }
        ).each (function (index, element) {
              $(element).css("color", "red");
              alert($(element).html() );
        });
    </script>


         <div class="BC" id="smlImageContent3">

          </div>



        <script language="javascript" type="text/javascript">
              var imgDataSrc=[
                {ImageName:'4',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/1085064821.jpg'},
                {ImageName:'xiaoguo3',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/-88213983.jpg'},
                {ImageName:'xiaoguo4',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/1779940432.jpg'},
                {ImageName:'xiaoguo5',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/-878681221.jpg'},
                {ImageName:'xiaoguo6',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/-409829414.jpg'},
                {ImageName:'xiaoguo7',ImageUrl:'http://www.mainaer.com/UploadFiles/mainaer/4/-1335630199.jpg'}
               ];
         </script>

         <script language="javascript" type="text/javascript">
              var x= imgDataSrc.length ;
              for(var i=0;i<x ;i ++){
                 var jA=$("<a/>");
                 var aOptions={href:imgDataSrc[i].ImageUrl ,title:imgDataSrc[i].ImageName } ;
                 jA.attr( aOptions );
                 var jImg=$("<img />");
                 var iOptions={ src :imgDataSrc[i].ImageUrl ,alt :imgDataSrc[i].ImageName ,width :"100", height :"100"} ;
                 jImg.attr(iOptions).click(function(){
                             alert( $(this).attr("alt"));
                 });
                 jImg.appendTo(jA );
                 jA.appendTo("#smlImageContent3");
              }




          </script>

</body>
</html>