jquery中如何使js位置任意放置以及$到底是个啥

一,#####$(document).ready()

这是在jQuery中,为了防止script标签出现在元素前面,使得元素未被加载就开始执行js使得系统报错。具体写法如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>jquerytest</title>
  </head>
  <body>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js" charset="utf-8"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        //需要执行的内容写在匿名函数中
      })
    </script>
  </body>
</html>

简化版本如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>jquerytest</title>
  </head>
  <body>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js" charset="utf-8"></script>
    <script type="text/javascript">
      $(function(){
        //需要执行的内容写在匿名函数中
      })
    </script>
  </body>
</html>

二,$到底是什么?

结论:$ == jquery;
因此: $('.btn') == jquery('.btn');

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,610评论 0 11
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,679评论 18 503
  • 时间:2017.1.23 地点:春晖园 设备:手机 图片版权归本人所有,图片授权于简书用于设置为app开屏图,一切...
    叶以言阅读 429评论 0 6
  • 众所周知,爹虽然一把年纪了,但是非常喜欢跟年轻人交往(主要是干不过同龄人,只好去欺负小朋友)。 昨天,爹的【新媒体...
    运营早读阅读 704评论 0 1