前端全套视频HTML+CSS+JS+jQuery笔记（十）

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方式


先隐藏