zoukankan      html  css  js  c++  java
  • 前端-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对象
  • 相关阅读:
    About
    Git
    SQL
    fiddler
    Windows下----nvm的安装操作
    vs-code 的常用插件
    npm安装依赖时-S和-D的作用以及区别
    Node.js的安装以及包的安装使用
    JavaScript-----设计模式
    JavaScript-----JS的深拷贝和浅拷贝
  • 原文地址:https://www.cnblogs.com/andy0816/p/13960792.html
Copyright © 2011-2022 走看看