jQuery 中$ 的来源以及三种参数

jQuery 中$ 的来源

$就是一个普通的变量，因为比较容易记忆，又不容易发生冲突选择的一个代表，代表jQuery这个对象，具有jQuery的功能，$符号可以与jQuery互相替换使用，功能一样。

• $的参数有三种： 第一种参数是一个函数，如下，代表的是入口函数；

$(function(){
   //入口函数
   })

//除了上面的写法，还可以如下
$(document).ready(function(){
  //入口函数
   })



//javaScript 中的入口函数
window.onload=function(){
   //页面中所用元素，图片，文件，外部资源加载完成后这里的代码会执行。
}

javaScript 中的入口函数什么时候用呢，一般如果js 代码写在最后面，代码依次执行，获取到元素在执行js代码。如果js 代码写在前面，js 操作元素的时候获取不到元素会把错，此时可以把代码写到入口函数中，js 入口函数的作用就是等到所有元素以及资源加载完成后才执行它里面的代码。
JavaScript中的入口函数只能写一个，不然后面的会覆盖前面的。

jQuery的入口函数和JavaScript的入口函数有什么区别呢？

• jQuery 中的入口函数只会等待 dom 树加载完成，不会等待外部的资源以及图片文件的加载，相对于 JavaScript 的入口函数来说速度更快一点。如若不写入口函数可能会获取不到元素，从而产生错误。

• JavaScript 中的入口函数会等带页面加载，图片、文件，外部资源全部加载完成。

• 第二种参数是选择器

  • 作用：为了获取元素。

  • 常用选择器有哪些？

    • 基本选择器

      • $(*) 选择页面所有元素。
      • $(“div”) 选择页面所有div标签，选哪个标签就是哪些。
      • $(".box") 类选择器。选择类名为box 的元素。
      • $("#id") id选择器，选择id为id的元素。

    • 层次选择器

      • $(".parent>.child") 选取类名为parent下的child元素。必须是亲孩子。
      • $(".par .son") 后代选择器，选择类名为par下的所有名字为son 的后代元素。
      • $(“div+next”) 兄弟选择器，选择div的下一个兄弟
      • $(".par~siblings") 选取par的所有兄弟元素。 -

    • 过滤选择器（都是以 ：开头的）

      • ： first 选取第一个元素
      • ： last 选取最后一个元素
      • ：odd 选取索引为奇数的元素
      • ：even 选取索引为偶数的元素
      • ：eq(index) 选取指定下标的元素

    • 表单元素选择器

      • ：checked 选择被选中的元素
      • ：selected 选择下拉框中被选的元素
      • ：input 选取所有的input标签的元素
      • $(“input:text”) 选取所有单行文本框
      • $(“input:radio”) 选取所有密码框
      • 其他多选框，文本域，按钮、隐藏域、重置按钮。提交按钮都如上面类似，代表type就OK了。

  • 筛选选择器都是方法

    • children() 选择所有子元素，可以传入参数，筛选指定的子元素
    • siblings() 选择除了自己以为的所有兄弟元素。也可传参数。
    • find() 选择当前元素的指定后代元素
    • next() 选择当前元素的下一个元素
    • prev() 选择当前元素的上一个元素
    • parent() 选择当前元素的父元素
    • eq(index) 选择指定下标的元素
    • index() 选择当前元素的下标

• 第三种参数是DOM对象

  • 作用：把dom对象转为jQuery对象。
  • DOM 对象就是 JavaScript 中直接获取的元素。
  • jQuery 对象就是用jQuery方式获取的元素。
  • jQuery 对象和 DOM 对象之间就像是手机和套了手机壳的手机。
  • jQuery的方法和DOM方法不可以混用，dom 使用jQuery的方法必须先转为jQuery对象才可以使用。