发表于: 2018-12-06 21:00:25

0 721


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

今天主要是了解的jQuery,一个js的框架

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

 

jQuery 的功能概括

1、html 的元素选取

2、html的元素操作

3、html dom遍历和修改

4、js特效和动画效果

5、css操作

6、html事件操作

7、ajax异步请求方式


要使用Jquery需要导入一个第三方的javascript jquery.min.js

jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。

jquery的使用

$(function(){})

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

通过id获取元素节点

 document.getElementById 获取到的是 DOM里的 元素节点

$("#id") 获取到的是一个 JQuery 对象

JQuery增加click事件的监听

这个也是由两部分组成:

1. b1按钮的点击事件

$("#b1").click();

2. 弹出对话框的函数

function(){

   alert("点击了按钮");

}

与原生javascript需要在html元素上增加监听事件不同的是

JQuery 不需要在html元素上进行操作


jquery语法:

 $(selector).action()

美元符号定义 jQuery

选择符(selector"查询""查找" HTML 元素

jQuery action() 执行对元素的操作

设置内容 - text()html() 以及 val()

 

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容


jQuery入口函数

$(document).ready(function(){

    // 执行代码

});

或者

$(function(){

    // 执行代码

});

jQuery选择器

元素选择器:$("p") //在页面中选取所有 <p> 元素

#id 选择器  $("#test")

.class 选择器 $(".test")

jquery简化了js的操作,让html的dom获取更加简便。

例如使用原生js对于id的获取

document.getElementById("id")

jQuery

$("#id").action(){}

这样对比jquery更加的方便。

今天主要是完成了数组的传值。

使用sessionStorage传递数组并且给各个赋值。

明天计划的事情:(一定要写非常细致的内容) 

完成详细任务进程,天数,使用jQuery的点击显示和隐藏功能。

点击跳转击杀平民或者狼人的功能。
遇到的问题:(遇到什么困难,怎么解决的) 

暂无
收获:(通过今天的学习,学到了什么知识)

了解了jQuery的用法



返回列表 返回列表
评论

    分享到