前端-jQuery-基本介绍

 ###############    jQuery简介     ################

jQuery这是非常重要的,在django项目中大量的前端都是使用jQuery进行操作

为什么要学习这个jQuery?
1,做同样的事情,jQuery比原生的js,写起来简单太多了,写起来非常的简练
2,jQuery相当于python的第三方模块,其实就是别人写好的代码,我们拿过来用,
3,没有这个jQuery也是可以的,但是比较麻烦,所以我们先学习js的dom操作,这个是基础,

jQuery的学习内容?
1,改变标签,
2,改变标签的属性
3,改变标签的样式,
4,事件相关
我们使用的jQuery的3.x版本,

具体一下:
1,找标签
2,操作标签的属性和样式
3,给标签加动作

使用方法:
1,先导入,再使用,

语法:
$("") 相当于----->jQuery("")

######################     html的dom对象,和jQuery对象       ######################   

    //html的dom对象,和jQuery对象
    var d1 = document.getElementById("d1")//这是一个dom对象
    var $d1 = $("#d1")//这是一个jQuery对象,所有的jQuery对象的变量名字,约定俗成的,都要在前面加一个$符号,用来区分普通的dom对象,
    //jQuery对象转换成dom对象,直接使用索引取出,
    //dom对象转换成jQuery对象,直接使用$(dom对象)符号包一下,就是一个jQuery对象了,
  比如:var pEle = document.getElementById("p3")   ------这是dom对象
   -----转换成jQuery对象,就是$(pEle) -----这就是jQuery对象了,
   ------var $pEle = $(pEle)   ---为什么变量名之前加一个$符号,因为是用来区分普通的dom对象的,

jQuery对象转换为dom对象,有两个方法:
1,jQuery对象转换成dom对象,直接使用索引取出,
2,dom对象转换成jQuery对象,直接使用$(dom对象)符号包一下,就是一个jQuery对象了,

##############

###############

html的dom对象,和jQuery对象
原文地址:https://www.cnblogs.com/andy0816/p/13960792.html