4. jQuery

4.1 jQuery概念及特点

在这里插入图片描述

4.2 jQuery的封装原理

在这里插入图片描述

function函数名仍然能够被覆盖

在这里插入图片描述
问题：只执行一次，且无法接收返回值

用全局区域的值去记录局部变量的值
加粗样式
所以使用jQuery，$都能直接使用jQuery的内容

4.3 jQuery的选择器

在这里插入图片描述
参考链接：jquery选择器

返回只有一个元素的数组，val()方法是数组的；
value方法是html元素的

返回一个数组，看input框有几个

加了[1]，由一个数组转为了一个html元素，所以不能使用val()，要使用value

:first 仍是一个数组
在这里插入图片描述

不要表头，td[属性]

4.4 jQuery操作元素属性

在这里插入图片描述

4.5 jQuery操作元素内容

在这里插入图片描述

可解析；相当于js的 innerHtml

相当于js的 innerText

4.6 jQuery操作元素样式

在这里插入图片描述

使用json对象修改css属性

注意这是追加属性，不会覆盖。

4.7 jQuery操作文档结构

在这里插入图片描述

在后面追加文本内容

把u1内的内容放到div中

放到前面

外部插入，可以用来在每个验证框后插入吗？需要试验

4.8 jQuery操作事件

在这里插入图片描述

注意：使用js方式是覆盖；而使用jQuery是追加，也可以添加多个事件

把click整个事件解绑

一次性筷子事件

简写方式，都是页面载入

4.9 jQuery动画效果

在这里插入图片描述
toogle(毫秒)与当前状态相反；hide-show

加全局标记判断
菜单下拉与回收

第二种写法：不在lable上加onclick事件，而是通过页面载入，添加click事件
在这里插入图片描述

mouseover方式

先隐藏

来源：https://blog.csdn.net/qq_35159009/article/details/99413224

标签

jquery选择器

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!