JQuery知识点01_关于$符、read()、选择器

一、Jquery基础知识

1、$是什么

$就是jQuery的别称。而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数， 因为还有 $.ajax(options) 这样的使用，等同 jQuery.ajax(options))

这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素， 函数作用之一就是GetElementByID的代替，但()内不仅可以是ID，还可以是各类选择器。

$符就是jquery对象，$()就是jQuery()，在里面可以传参数，作用就是获取元素
如下例子
$(".div1") 表示获取类名为div1的元素，例如获取<div class="div1"></div>
$(".div1").onclick表示类名为div1的div点击事件
jquery中$.，例如$.post()，$.get()，$.ajax()等这些都是jquery这个对象的方法

$(document)就是 选取整个文档对象

那是不是只可以用$来代替，不是。为了防止命名冲突，jQuery库提供了另外的机制来给jQuery函数起另外的别名。

var jq = jQuery.noConflict();
// Do something with jQuery
jq("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';

就可以在代码里用jq 代替jQuery 和 $ 了。

2、jQuery 事件 - ready() 方法

ready():在文档加载后激活函数：

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

有三种不同的写法，效果是一样的：

1、$(document).ready(function(){});
2、$().ready(function(){});
3、$(function(){});

3、JQuery选择器

选择器语法参考链接：https://www.w3school.com.cn/jquery/jquery_selectors.asp

完整选择器写法参考链接：https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

特别有一种要注意，name没有class一样的类选择器，但是可以通过name的属性来选择：

$("[name='btn']").click(function(){});//属性选择器 选择name为btn的标签