盛夏的果实 发表于 2021-8-6 13:53:50

多版本jQuery的使用剖析

</div>
</div>
    <!-- basic scripts -->
    <!--> -->
    <!-- <!-->
   
    <!--日历begin-->
    <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
      var jQuery14 = jQuery.noConflict();
      //$ = jQuery14;
      //jQuery = jQuery14;

    </script>
    <link href="/css/manhuaDate.1.0.css" rel="stylesheet" type="text/css" />
    <link href="/js/datepicker/css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="/js/datepicker/js/jquery-ui-datepicker.js" type="text/javascript" ></script>
    <script type="text/javascript">
      jQuery14(function($){
            $("input.mh_date").datepicker({dateFormat:'yy-mm-dd'});
            $("#ui-datepicker-div").hide();
      })
    </script>
    <!--日历end-->
    <!--这之前的$是jQuery14,jQuery也是jQuery14对应的版本,这两个变量影响着datepicker这个js文件-->
    <script type="text/javascript" src="/assets/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
      var jQuery2 = jQuery.noConflict();
      //$ = jQuery2;
      //jQuery = jQuery2;
    </script>
    <!--之后$都是jQuery2,jQuery都是jQuery2对应的jquery版本,这两个变量将影响之后的js-->

    <!-- <!-->

    <!-->
    <script type="text/javascript">
   window.jQuery || document.write("<script src='/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
    </script>
    <!-->
    <script type="text/javascript">
      if("ontouchend" in document) document.write("<script src='/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
    </script>

    <script src="/assets/js/bootstrap.min.js"></script>
    <!-- page specific plugin scripts -->      
    <!-->      
    <script src="/assets/js/excanvas.min.js"></script>
    <!-->      

    <!-- ace scripts -->      
    <script src="/assets/js/ace-elements.min.js"></script>
    <script src="/assets/js/ace.min.js"></script>
    <script type="text/javascript" src="/js/thickbox3.1/thickbox.js"></script>
    <link rel="stylesheet" type="text/css" href="/js/thickbox3.1/thickbox.css">
      
   
    <script type="text/javascript">
      $(function($){
            $("#search").click(function(){
                $("#search_form").submit();
            });
      })
    </script>


    </body>
</html>


文档来源:51CTO技术博客https://blog.51cto.com/u_3513677/3284011
页: [1]
查看完整版本: 多版本jQuery的使用剖析