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")