Web前端开发与jQuery交互基础教程.pdfVIP

一、w3c网页制作、web前端开发

a)结构html

b)样式css

c)行为jsJavaScript原生jsjQuery用js的类库--插件

用jQuery网页中常见交互（技术），了解网页当互思想

二、DOM（documentobjectmodel）结构--文档对象模型--js控制组成部分

a)元素节点标记

b)属性节点元素（标记）本身自带属性

c)文字节点内容文本

三、jq安装--插件

a)、在（）版本jq1.11.x

b)、把jq的插件拷贝到网页文件夹中的js文件夹

c)、在head里面添加

scriptsrc=”jq文件的地址”type=”text/javascript”/script

四、js的运行机制

发生对象.类型影响对象.影响结果

我说：小黑去买早点

小红告诉小绿给小董买饭

五、jq的使用

a)在body的里面最下面

scripttype=”text/javascript”

交互行为

/script

b）、在head添加

scipttype=”text/javascript”

$(document).ready(function(){

交互行为

})

当前文档加载完

/script

六、jq的语法-（-函数）

1）、$(‘选择器’)对象查找器

2）、css()样式控制函数css(‘属性’,’值’)

3）、function(){交互行为}执行函数

4）、click()点击函数

5）、attr()用来控制标记字带属性attr(‘属性’,’值’)

先把所有的元素设置为默认，再把当前的影响对象设置为：选中的样式

6）、this当前的发生对象this外面没有引号

7）、next()下一个标记$(this).next()当前发生对象的下一个标记；这两个标记

必须为兄弟关系

（注）：如果网页中出现点击无效的情况，首先要用到z-index：

控制区域与被控制的关系

A）、分离结构被控制区域的位置不会随着控制区域的位置变化

B）、嵌套结构被控制区域的位置会随之控制区域的位置变化而变化

8）、prev()上一个标记两个标记必须为兄弟关系

（注）：thisnext()prev()一般用来查找影响对象