############### 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对象