• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

1.jQuery简单认识

中文URL英文jQuery

这是一个打包的库。

1.1jquery导入的两种方式

方法一:本地下载。

一个是去英文网站找

然后右键另存为,就可以下载到本地了。然后在文件中创建一个lib文件夹,将下载的文件放入这个文件夹。

方法二:cdn

需要网络

直接找cdn jquery

单击分配链接,然后创建一个脚本,但没有网络它将无法工作。

1.2jquery简单公式

美元符号代表jquery。

选择器是一个选择器。

行动是一种功能。

公式是$(选择器). action。

1.3选择器

JQuery API在线手册

!声明文档类型

html lang='en '

meta charset='UTF-8 '

标题标题/标题

脚本src=' lib/jquery-3 . 6 . 0 . js '/script

脚本

//原生js,选择器很少,很难记。

document . getelementsbytagname();

document . getelementbyid();

document . getelementsbyclassname();

//他可以使用//css中的所有选择器。你可以在官网查询有哪些选择器。

$('p ')。单击();//标签选择

$('#id1 ')。单击();//id选择

$('.类)。单击();//类别选择

/脚本

/头

身体

/body

/html

1.4事件

鼠标事件、键盘事件、其他事件等等。

老鼠

老鼠

键盘事件

只需记下鼠标移动即可显示网页的坐标。

!声明文档类型

html lang='en '

meta charset='UTF-8 '

鼠标坐标/标题

脚本src=' lib/jquery-3 . 6 . 0 . js '/script

风格

#方形{

margin : 0;

宽度: 500 px;

height: 500px

border:纯色1px黑色;

border-radius : 5px;

}

/风格

脚本

//因为要获取元素,所以必须在文档加载后获取。有几种方法

//方法1

//window.onload=function (){}

//方法2

//$(文档)。这样写的ready(function(){ })是jquery的形式,在页面完全加载后进行,意思和方法一一样。

//$(文档)。ready(function (){

////用文本替换span的内容

//$('#xy ')。正文('这是什么东西');

//})

//方法3

//是方法2的简化,其实意思是一样的。

//$(function (){

//$('#xy ')。文本(“这是西施”);

//})

//显示坐标

//$(function (){

//$('#square ')。bind('mousemove ',函数(e){

//$('#xy ')。text('e.pageX: ' e.pageX ',e . pagey : ' e . pagey);

//});

//});

//虽然这里提示输入onmousemove,但还是要输入mouse。

window.onload=function (){

$('#square ')。鼠标移动(函数(e){

$('#xy ')。text(' x : ' e . pagex ' y : ' e . pagey);

});

}

/脚本

/头

身体

span id='xy'/span

div id='square '

/div

按钮id='btn1 '

点击变成傻逼。

/按钮

/body

/html

Link to comment
Share on other sites