关于jQuery

jQuery

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

它也是目前使用最广泛的javascript函数库。

据统计，全世界排名前100万的网站，有80%以上使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。

使用方法

1. jQuery如何获取元素

window.$ = window.jQuery = function(selector){
    let elements = document.querySelectorAll(selector)
    }

jQuery函数封装了一个选择器来获取元素，并用变量将获取的元素保存下来

2. jQuery的链式操作是怎样的

window.$ = window.jQuery = function(selector){
    let elements = document.querySelectorAll(selector)
    
    return {
      addClass(className){
        for(let i=0; i<elements.length; i++){
          const element = elements[i]
          element.classList.add(className)
        }
        return this
      }
    }
  }

当我们对元素进行操作的时候，返回的都是一个jQuery对象 3. jQuery如何创建一个元素

　　$('<p>Hello</p>');

　　$('<li class="new">new list item</li>');

　　$('ul').append('<li>list item</li>');

4. jQuery如何操作元素的属性

 
    .html() 取出或设置html内容

    .text() 取出或设置text内容

　　.attr() 取出或设置某个属性的值

　　.width() 取出或设置某个元素的宽度

　　.height() 取出或设置某个元素的高度

　　.val() 取出某个表单元素的值
   
   .clone() 复制元素
   
   .remove() 删除元素
   
   .detach() 删除元素（但保留删除元素的事件）
   
   .empty() 清空元素内容但不删除该元素
   
   .insertAfter()和.after()：在现存元素的外部，从后面插入元素

　 .insertBefore()和.before()：在现存元素的外部，从前面插入元素

　 .appendTo()和.append()：在现存元素的内部，从后面插入元素

　 .prependTo()和.prepend()：在现存元素的内部，从前面插入元素