【便捷修改】
jquery为非常常用属性提供了一些便捷修改的函数。其中包括
width() 作用是直接修改选中元素的宽度,如果不传递参数表示访问或测试选中元素的当前宽度;
height() 同上;
val() 直接修改或访问选中元素的值属性。
【dom对象和jq对象的区别】
只要是通过document对象取出来的数据它身上的一切属性和方法在jq中都不能用。实际上最主要的就是标签身上的一切属性。
在js中对象之间的属性和功能是不能混用的这是js中的一个重要规定。
通过document取出来的数据都是dom对象,通过$取出来的数据都是jq对象。
【节点控制】
什么是节点?
在html当中节点实际上就是标签。另外节点的意义比标签稍微的大了一点。在网页文档中除了标签以外文字也可以所做节点。所以说节点控制就可以理解为标签控制。
《学习节点控制的目的》
我们学习节点控制只要能够对文档中的所有节点实现 增删改查四个功能就可以了。其中值得一提的是 查找节点的过程实际上就是选择器选择的过程。
《创建节点》
增删改查中的第一个创建新的节点。
创建步骤:
1. 声明变量储存新节点;
2. 通过jq当中的选择函数直接创建任意字符串形式的节点。
3. 选择一个容器,用插入函数将新的节点添加到文档流当中。
(创建节点这个知识点里面学习的最多的新东西就是各种插入函数)
《插入函数》
append(参数1) 作用是将新的节点追加到指定容器内部的结尾处。
参数1:新的节点变量
prepend(参数1) 作用是在指定容器内部的开头处追加节点。
外部追加:
after() 同级之后;
before() 同级之前;
《删除节点》
简介删除节点指的是删除文档上原有的节点,也可以删除新增的。删除节点中只涉及到两个新的函数。
remove() 作用:直接删除选中节点。它的内部没有参数;
empty() 作用:清空选中节点的内部,保留一个空盒子。
《修改节点》
replaceWith(参数1) 直译为:替换为,作用是将选中的节点替换为新的节点。
参数1:表示新的节点标签,千万注意不能写选择器。
《查找节点》
查找节点不涉及到任何新的函数实际上选择器选择标签的过程就已经是查找节点。
《总结》
节点控制对于我们将来的工作到底能做什么有用的事。
模态窗口,增加新的广告条。
模态窗口的要求,它的定位是在水平和垂直都是居中的,所以这种需求需要使用特殊的方式来完成。方法是用绝对定位水平和垂直都是50%然后再依靠margin的负值减掉自身宽度和高度一半。
《模态窗口的两种制作方式》
一种是通过创建节点和删除节点来制作。好处在于比较节省空间,缺点在于删除模态窗口的事件必须要写在绑定事件的内部,否则删不掉, 第二,在使用淡出动画的时候为了保证删除节点的指令最后执行,必须要给fadeOut书写回调参数 较为麻烦。
第二种方式直接通过事先制作好结构和样式用jquery、控制模态窗口整个分区显示和隐藏即可。
动画里面有一种焦点图的动画被称作为呼吸效果
网友评论