jQuery

jQuery是一个兼容多浏览器的、轻量级的JavaScript库

第一个标签中有src属性,代表引入外部文件,这个标签中不能再写了

核心函数的四个作用

\(指的就是jQuery,用\)更短,$可以替换成jQuery
四个作用:

  1. 传入参数为函数时,在文档加载完成后执行这个函数
  2. 传入参数为选择器字符串时,根据这个字符串查找元素节点对象
  3. 传入参数为HTML字符串时,根据这个字符串创建元素节点对象
var $li = $("<li>深圳</li>");
$("ul").append($li);
  1. 传入参数为DOM对象时,将DOM对象包装成jQuery对象返回

DOM对象与jQuery对象转换

//使用


//使用DOM对象调用jQuery方法
//需要把DOM对象->$(DOM)
$("#dom2jQuery").click(function() {
      var div = document.getElementById("testDiv");
      var $div = $(div);
      alert($div.text());
});

//使用jQuery对象调用DOM方法
//需要把jQuery-> DOM: 将jQuery看成数组或集合
//$div[0] | $div.get(0)

$("#jQuery2dom").click(function(){
      var $div = $("#testDiv");
      alert($div[0].innerText);
      alert($div.get(0).innerText);

});

选择器

直接看文档

posted @ 2020-12-27 22:25  Lylee  阅读(97)  评论(0)    收藏  举报