• JavaScript&jQuery学习笔记


    前端JavaScript学习

    JavaScript导入方式:
    1、外部文件导入
    <script src="myScript.js"></script>
    2、在标签内插入
    <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

    JavaScript输出数据:
    1、使用 window.alert() 弹出警告框。
    2、使用 document.write() 方法将内容写到 HTML 文档中。
    3、使用 innerHTML 写入到 HTML 元素。
    4、使用 console.log() 写入到浏览器的控制台。

    语句标识:
    catch 在try出错时执行catch语句块
    switch 用于基于不同的条件来执行不同的动作
    throw 抛出(生成)错误
    var 声明一个变量
    文本字符串中使用反斜杠对代码行进行换行

    注释:
    单行注释://开头
    多行注释:/*开始,以*/结尾

    比较符:
    === 绝对等于
    !== 不绝对等于

    typeof 查看类型 eg: typeof 4 ==> number
    constructor 属性返回所有 JavaScript 变量的构造函数
    throw exception 抛出异常

    toUpperCase() 字符串转换为大写
    toLowerCase() 字符串转换为小写
    window location
    location.hostname 返回 web 主机的域名
    location.pathname 返回当前页面的路径和文件名
    location.port 返回 web 主机的端口 (80 或 443)
    location.protocol 返回所使用的 web 协议(http:// 或 https://)


    jQuery


    1、文档加载结束后执行代码
    $(document).ready(function(){
    // 开始写 jQuery 代码...
    });

    2、 click() 方法是当按钮点击事件被触发时会调用一个函数
    dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数
    mouseenter() 当鼠标指针穿过元素时,会发生 mouseenter 事件
    mouseleave() 当鼠标指针离开元素时,会发生 mouseleave 事件
    mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件
    mouseup() 方法触发 mouseup 事件,或规定当发生 mouseup 事件时运行的函数
    hover() hover()方法用于模拟光标悬停事件
    focus() 当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点
    blur() 当元素失去焦点时,发生 blur 事件

    3、隐藏、显示
    hide() 隐藏
    show() 显示
    可以添加speed值---hide(1000)

    4、淡入、淡出
    fadeIn() 用于淡入已隐藏的元素
    fadeOut() 方法用于淡出可见元素
    fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换
    fadeTo() 方法允许渐变为给定的不透明度
    slideDown() 方法用于向下滑动元素
    slideUp() 方法用于向上滑动元素
    slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换
    5、滑动
    slideDown() 方法用于向下滑动元素
    slideUp() 方法用于向上滑动元素

    6、动画
    animate() 方法用于创建自定义动画
    stop() 停止动画
    7、获取内容和属性
    text() - 设置或返回所选元素的文本内容
    html() - 设置或返回所选元素的内容(包括 HTML 标记)
    val() - 设置或返回表单字段的值
    8、添加元素
    append() 方法在被选元素的结尾插入内容(仍然该元素的内部)
    prepend() 方法在被选元素的开头插入内容
    after() 方法在被选元素之后插入内容
    before() 方法在被选元素之前插入内容
    9、删除元素
    remove() 方法删除被选元素及其子元素
    empty() 方法删除被选元素的子元素

    10、parent() parent() 方法返回被选元素的直接父元素
    load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

  • 相关阅读:
    SqlServer与Access之间的数据互导
    [转]半角<=>全角互转函数[JS版 VBS版]
    [文摘20070914]一个成功的博客必须知道的80个博客工具
    在javascript中获得由Ajax返回DataTable的列数和列名
    [转]获取xml节点值和属性值(兼容ie和firefox)
    [文摘20070920]网络战
    游标简单使用
    sql函数 得到 由 年月日时分秒+三位内的随机数 组成的随机数
    [转]ASP.NET 2.0 AJAX中Webservice调用方法示例 (包含参数类型为DataTable的WS方法)
    向页面中添加音乐或flash
  • 原文地址:https://www.cnblogs.com/xifengqidama/p/10736653.html
Copyright © 2020-2023  润新知