JS和Jquery

我会带着你远行 2023-09-25 19:41 96阅读 0赞

js函数  
function 方法名（参数）\{  
方法体  
return 返回值；  
\}  
js事件  
事件介绍  
事件指的就是当某些组件执行了某些操作后，会触发某些代码的执行  
onload 某个页面或图像被完成加载  
onsubmit 当表单提交时触发事件  
onclick 鼠标单击事件  
ondblclick 鼠标双击事件  
onblur 元素失去焦点  
onfocus 元素获得焦点

jsDOM

element元素的操作  
getElementById(id属性值）  
getElementByTagName(标签名称） 返回数组  
getElementByName(name属性） 返回数组  
像在input输入框里面的name  
getElementByClassName(class属性值） 返回数组  
子元素对象.parentElement属性 获取当前元素的父元素

createElement(标签名) 创建一个新元素  
appendChild(子元素) 将指定元素添加到父元素中  
removeChild（子元素）用父元素删除指定子元素

Attribute属性操作  
setAttribute(属性名，属性值)  
getAttribute(属性名)  
removeAttribute(属性名)  
style属性 为元素添加样式  
className属性 添加指定样式

Text文本的操作  
innerText 添加文本内容，不解析标签  
innerHTML 添加文本内容，解析标签

jsBOM  
定时器  
唯一标识 setTimeout（功能，毫秒值 ）：设置一次性定时器  
location.herf

js绑定事件  
方式一  
通过标签的事件属性进行绑定  
<button id="btn" οnclick="执行的功能"></button>  
方式二  
通过DOM元素绑定  
document.getElementById("btn').οnclick="执行的功能"

jquery选择器  
基本选择器  
元素选择器 $("元素的名称")  
id选择器 $("\#id的属性值")  
类选择器 $(".class的属性值")

操作对象  
$("元素") 创建指定元素  
append(element) 添加成最后一个元素，由添加者对象调用  
操作样式  
css(name) 根据样式名获取css样式  
css(name,value) 设置css样式  
addClass(value) 给指定的对象添加样式类名

操作属性  
attr(name,\[value\]) 获取/设置属性的值  
$("\#username").attr("id")  
$("\#username").attr("id","hello")  
prpp(name,\[value\]) 获取/设置属性的值(checked,selected)  
$("\#gender2").prop("checked",true)使性别女默认被选中  
$("\#bk").prop("selected",true)使本科默认被选中

操作文本  
html() 获取标签的文本  
html(value) 设置标签的内容，然后解析 设置文本内容