JS+JQuery基础

2017-08-05  本文已影响0人  余鹿

HTML用来编排内容,CSS用来制定样式,JavaScript用来控制行为

我们是通过DOM(Document Object Model)-文档对象模型,它能使HTML和JavaScript紧密的结合在一起,它也叫做DOM树,每一个HTML元素都可以被定位。

获取用户输入:

获取用户输入,点击确定后调用alert函数

a little project:

用户通过input和textarea标签填写日记标题和内容,点击提交按钮就可以将数据显示在页面下方

引入script:

建立文本框

设置参数名称及值

getElementById方法

添加函数

Onclick的使用

以此种方式要写四遍相同的代码,可以使用全局变量来实现缩减语句:

取消alert直接再html页面显示

通过innerHTML在js中改变页面上元素显示的内容

以下是JQurey内容

jQuery是一个JS库,有“写的少,做的多”的特点,它包含HTML元素选取、元素操作等功能,也就是说可以代替getElementById来获取元素

这两句可以简化为:

注意onclick也有变了

上一篇下一篇

猜你喜欢

热点阅读