首页 > 代码库 > 1、jQuery的使用入门
1、jQuery的使用入门
一、创建一个WEB项目,在WebRoot下新建一个Jscript文件夹,并将jQuery中的jquery-3.1.1.min.js文件复制过来。
二、用<script>标签引入jQuery的js文件:<script type="text/javascript" src="http://www.mamicode.com/Jscript/jquery-3.1.1.min.js"></script>
三、jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
四、jQuery 选择器
- jQuery 选择器允许对 HTML 元素组或单个元素进行操作。
- jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
- jQuery 中所有选择器都以美元符号开头:$()
-
元素选择器/标签选择器--"标签名",例如$("p").hide();
-
类选择器--".class ",例如$("#test").hide();
-
id 选择器--"#idName",例如$("#test").hide();
五、jQuery中常见的DOM事件:
$(document).ready() 方法允许我们在文档完全加载完后执行函数。
鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
---|---|---|---|
click(单击) | keypress(按键响应) | submit(提交) | load(装载) |
dblclick(双击) | keydown(按键按下) | change(改变) | resize(调整大小) |
mouseenter(鼠标指针穿过元素) | keyup(按键抬起) | focus | scroll |
mouseleave(鼠标离开) | blur | unload | |
mousedown(当鼠标指针移动到元素上方,并按下鼠标按键时) |
常用的jQuery事件方法:
1、jQuery的使用入门
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。