在JQuery文件中下载,并将其引入html文件。在使用jQuery之前,我们需要到jQuery的官方网站:“https://jquery.com/download/”
把下载好的文件放到工程根目录下,然后在这个根目录下创建index.html文件。最后,将下载的JQuery文件引入index.html文件,其代码如下:
通过引入script标签,JQuery被引入到subject的subject中,subject是:
接下来,我们将研究JQuery的基本语法,并对其进行一些介绍。
示例1:$(“div”).hide();此行表示隐藏div元素;
例子2:$(“.box1”).hide();这行代码意味着class属性隐藏在box1的元素中;
示例3:$(“#wrap”).hide();这行代码表示隐藏元素id的值为wrap;
示例4:$(“hide.box1”).hide();这一行代码意味着,隐藏带有box1的cycle属性的hv元素;
从上面的例子中可以看出,JQuery语法非常简单,只需要一个美元符号$,后面跟着一个html的元素选择符(与我们之前学到的css选择符高度一致),然后在后面加上JQuery的方法,例如hide(show等等)。
无论显示或隐藏元素时,都需要一个事件来触发该动作,我们常用的触发方式是鼠标点击,比如你用鼠标点击一个按钮,然后页面上就会弹出一个提示框,通过点击来触发效果,我们称之为“事件”。点击JQuery中事件的书写方式为:$(“div”).click(function(){…}),此代码意味着在div标签被点击之后触发事件,具体事件内容以函数形式写入。除单击事件外,JQuery还可以通过鼠标移动事件、双击事件、元素获取焦点事件等方式进行学习,后面我们将一一介绍,并查看JQuery如何使用。
在以上代码中,我们定义了一个button元素,一个div元素,然后点击按钮button,这个div元素就会被隐藏起来,各位同学可以尝试一下。在代码的最后一部分,包含了一段script标签,这段是JavaScript代码,所有的JavaScript代码都将被放置在script标签中以执行。
接下来是代码的第一句话:$(document).ready(function){…},这是JQuery的固定写法,意思是页面加载后立即执行,执行代码被写入function函数的方法中(即{}内)。我们已经看到了这一方法。
$(“#btn1”).click(函数){
$(“.box1”).hide();
})
这个代码就是我们前面提到的click事件,当单击id值为btn1的按钮时,会引发一个click元素的隐藏事件,click元素的名字叫做box1。
本文由知识库于2021-09-12发表在龙哥云资源网,如有疑问,请联系我们。本文链接:https://www.longgeyun.com/knowledge/3261.html
上一篇免费短信接收平台(6 个免费在线接收短信验证)
下一篇如何限制输入框只能输入数字(设置textbox只能输入数字)
eo级板材是什么意思 eo和enf级板材区别
建筑工程监理是做什么的 工资一般多少
如何帮助女朋友变得坚强 帮助女友培养坚强品质的有效方法
减脂一天可以吃多少卡热量 减脂计划如何热量摄入适量
冬季怎样吃羊肉不上火又补暖?
合同订立应采取的方式有哪些
路边摊麻辣烫10大卫生隐患你可知?
员工工作积极性不高的原因
Pr2020零基础快速入门
文字转语音App最新版3.0
APP下载页源码-带后台