美文网首页
JS+JQuery基础

JS+JQuery基础

作者: 余鹿 | 来源:发表于2017-08-05 22: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也有变了

    相关文章

      网友评论

          本文标题:JS+JQuery基础

          本文链接:https://www.haomeiwen.com/subject/vwmblxtx.html