Jquery库

Jquery库类：浏览器端的库 操作节点

1.安装 npm install jquery 可在package.json中查看是否下载完成

2.在第三方包中找到 jquery 下的dist中的 jquery.min.js 然后复制到public 中的 lib 包中

3.在HTML中在自己的书写的上面进行引入

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装。

基础语法：$(*selector*).*action*()

**$**符号定义 jQuery

选择符（selector）“查询"和"查找” HTML 元素

操作元素内容

html() //设置或读取标签内容,等价于原生innerHTML,可识别标签语法

text() //设置或读取标签内容,等价于innerText,不能识别标签

val() //设置或读取表单元素的值,等价于原生value属性

元素的创建,添加,删除

1.创建：

var div = $("

"); //创建元素

div.html(“动态创建”).attr(“id”,“d1”).css(“color”,“red”); //链式调用，设置内容和属性

2. 添加至页面

1）作为子元素添加

    $obj.append(newobj)     在obj的末尾添加子元素newObj


    $obj.prepend(newObj);  //作为第一个子元素添加至obj中

2）作为兄弟元素添加

      $obj.after(newObj);    //在obj的后面添加兄弟元素

　　　　$obj.before(newObj);  //在obj的前面添加兄弟元素

3.移除元素

$obj.remove(); //移除obj

this表示事件的触发对象，在jquery中可以使用，注意转换类型。this为原生对象只能使用原生的属性和方法，可以使用$(this)转换为jquery对象，使用jquery方法。

事件绑定方式

//on("事件名称"，function)
  $("div").on("click",function(){});