JS和Jquery

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绑定事件
方式一
通过标签的事件属性进行绑定

方式二
通过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)  设置标签的内容,然后解析    设置文本内容

你可能感兴趣的:(javascript,jquery,前端,java)