首页 > 代码库 > Python之路-jQuery

Python之路-jQuery

参考网址:http://jquery.cuishifeng.cn/

1、安装环境

2、查找元素

3、操作元素

 

一、安装环境:

  1、我们需要去官网下载jQuery,地址:http://jquery.com/download/

  2、版本选择。

    2.1:目前jQuery版本分为1.x、2.x、3.x。为了更好的兼容性,我们通常使用1.x版本,因为它兼容IE8以下的版本,但是所有的命令不分版本,都适当用。

    2.2:一般同一个版本有两个安装包jquery-1.x.x.js和jquery-1.x.min.js。min顾名思义是压缩过的。调试的时候我们为了方便,一般使用非压缩版的,但是上线必须是min(压缩版)。

  3、安装。

    3.1:下载完jQuery安装包,直接放到你的python项目的目录下。

    3.2:导入方法,

技术分享
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    
    <!--导入jquery-->
    <script src="jquery-1.12.4.js"></script>
    <!--下面开始写方法-->
    <script>
        
    </script>
</body>
</html>
View Code

    3.3:引用$.和jQuery

方法一

技术分享

方法二

技术分享

Dom和jquery之间的转换:

   Dom转成jquery对象:$(Dom对象名)

   jQuery转换成Dom对象:$(‘#id名‘)[0]

 技术分享

总结:

  我们发现jquery第0个元素才是Dom对象,所以jQuery的对象内容要比Dom对象的内容多。

 

二、查找元素:

选择器(直接找到某些或某类标签)

1、id

2、class

3、标签

 

筛选:

 

 

 

 

 

 

三、操作元素:

 

Python之路-jQuery