zoukankan      html  css  js  c++  java
  • python自动化学习笔记之DAY15

    JavaScript基础

    1、function对象

     函数定义:

    function 函数名  (参数){ <BR>  函数体;

      return 返回值;

    }

     可以使用变量、常量或表达式作为函数调用的参数

    函数由关键字function定义

    函数调用:函数名(参数)即可调用

    2、DOM对象

    HTML DOM定义了访问和操作HTML文档的标准方法

    HTML DOM把HTML文档呈现为带有元素,属性和文本的树结构(节点数)

    2.1 节点查找

    document.getElementById("idname")      查找的为对象,可以直接调用

    document.getElementsByTagName("tagname")   查找的集合

    document.getElementsByByName("name")   查找的集合

    document.getElementsByClassName("name")  查找的集合Elementt

    2.2 导航节点属性

    parentElement     父节点标签元素

    children                所有子标签

    firstElementChild      第一个子标签元素

    lastElementChild       最后一个子标签元素

    nextElementChild      下一个兄弟标签元素

    previousElementSibling   上一个兄弟标签元素

    2.3 操作标签

    (1) 文本操作
    取值操作:
    DOM对象.innerText
    DOM对象.innerHTML

    赋值操作:
    DOM对象.innerHTML="hello world"
    DOM对象.innerText="hello world"


    (2) 属性操作
    DHTML的简洁语法:
    console.log(DOM对象.属性名);
    DOM对象.属性=值

    原生JS:
    console.log(DOM对象.getAttribute("属性名"))
    DOM对象.setAttribute("属性名","值")

    value:
    input,select ,textarea

    (3) class属性操作
    DOM对象.classList.add("hide");
    DOM对象.classList.remove("c1");

    左侧菜单实例

    (4) css样式设置
    DOM对象.style.样式属性=样式值

    2.4 节点操作

    createElement(标签名):创建一个指定名称的元素

    父节点.appendChild(newnode):添加节点

    父节点.insertBefore(newnode,某个节点):

    父节点.removeChild(子节点):删除节点

    父节点.replaceChild(新节点,被替换节点)

    2.5 事件

    onclick 单击事件
    ondblclick 双击事件

    onload  一张页面或一幅图像完成加载
    onsubmit事件  确认按钮被点击   阻止默认事件发生:return false

    onkeydown事件   某个键盘按键被按下

    onselect事件   文本本选中

    onmouseover事件   鼠标从元素离开

      

    jQuery基础

    1、jQuery定义

    jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,如果一个对象是jQuery对象,那么他就可以使用jQuery里的方法。

    2、基本选择器

    $(" * "):所有

    $("#id"):按照id查找

    $(".class"):按照class查找

    $("element")

    $(".class,p,div")

  • 相关阅读:
    Activeandroid的使用
    Android的数据库ORM框架:Sugar ORM
    Android 快速开发系列 ORMLite 框架最佳实践
    Android ORM 框架之 greenDAO 使用心得
    最受欢迎的5个Android ORM框架
    Android butterknife框架 注解攻略
    强烈推荐android studio用的几个插件
    Android4.0(Phone)来电过程分析
    设计模式入门之装饰器模式Decorator
    VB.NET之错误异常处理
  • 原文地址:https://www.cnblogs.com/tangxiaof/p/7729230.html
Copyright © 2011-2022 走看看