LV2-----JQ 入门及常用方法

JQ 入门及常用方法

参考手册：JQuery API 中文文档 参考手册
参考博客：学习笔记参考博客

---------------简要笔记----------
JQ day1：—18&19

小项目同时涉及比较多Dom操作的时候，常用jq
$( )------是一个jq函数
与原始获取节点的区别： jq需要添加选择类型
jqd返回的是一个数组，js是一个对象
获取节点：arrE.get（index）或 arrE.[ index]
$("#app+div")-------下一个兄弟节点
$("#app~div")-------所有的个兄弟节点
$("#app>div")-------子节点
$("#app div")-------子孙节点

2、基本筛选器：
$("#app>div:odd")-------奇数（z注意数组是从0开始）
$("#list>li:eq(2)")-------（从0开始）
3、内容选择器：
$("#div：contains(’ 包含这个文字 text’ )")-------奇数
$("#div：has（box））
:parent----获取
4、属性
property: 对象的属性｛checked：true｝
attribute:标签的属性< input checked type=“checkbox”>
5、核心函数
$( )-----获取节点，创建节点
6.缓存数据的方式
cookie
dom节点
url
strong
date-
7.
extend（大货车，货物）----对象的拷贝
.each([ ],function( idx,item))
.map([ ],function( item,idx))
8.属性操作：
attr—获取和设置节点属性
prop—设置和获取dom对象的属性值
.removeProp（“ name”）
9.css类操作
.addclass（）
.moveclass（）
.toggleClass（）—有则删，无则j添加
.text( 普通文本)
.html( 标签可转为节点)
.val—只用于input

10.事件
.hover( f1( ), f2( ))-----f1-移入 f2-移除
原生的js 获取 offset（）----用的是：getBouningClientRect( )

DOM J节点与 $ 不能混用
选择器

toString（ ）
for earch ( )-----循环数组
.each（）-----jq节点对象
筛选，过滤
.attr( )----属性，与值
prop( )----布尔
toggle( )----切换函数值，自己自行

--------------------------疑点------------------------
面试常问题：你常用的选择器？!!
数组与对象？
迭代？
ajax
数据驱动？
cdn
复合选择器
伪类选择器-

jq cdn
关于 html 的target？与root？
getcomputer.style（）
confirm( “ 确定吗")-----确认弹出框
offset( )与position（）？
jq的链式调用？
回调函数？
关于拖拽？: clientx( )----鼠标相对与视口的距离
offset（）----子元素相对于父元素的偏移量。
widow.onload( ) ,与 jq中的 readly（ ）的区别：面试题
第一点：on load是 页面内容加载完，后再执行， readly 是 页面文档加载完（图片视频不管是否加载完） 就开始执行。
第二点：onload（） 的函数执行操作会被覆盖，只执行一次，ready（）同情况下 可执行2次
1.关于深浅拷贝

回流：
visiblity
pageX与client