当前位置: 首页 > article >正文

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绑定事件
方式一
通过标签的事件属性进行绑定
<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)  设置标签的内容,然后解析    设置文本内容


http://www.kler.cn/a/5299.html

相关文章:

  • C语言初阶习题【25】strcpy的模拟实现
  • H5通过URL Scheme唤醒手机地图APP
  • flutter 独立开发之笔记
  • python学习笔记—14—函数
  • Matplotlib 直方图:数据可视化基础
  • STM32和国民技术(N32)单片机串口中断接收数据及数据解析
  • 大屏使用dv-digital-flop定时刷新显示总人数
  • 一文实战 | RISC-V Linux入口地址2M预留内存优化
  • 如何在 Linux 上安装和使用 exa?
  • 二值mask转polygon/RLE (coco segment格式)
  • RSA解密-第十届Java研究生组E题
  • Leetcode: 236.二叉树的最近公共祖先
  • 医用超声检查设备
  • 无线耳机哪个品牌好?四大国内蓝牙耳机品牌排行
  • 软件工程导论(四)总体设计(临时)
  • 49天精通Java,第21天,Java内部类,看看文心一言、ChatGPT怎么说
  • MongoDB的优缺点以及springboot中的使用
  • TypeScript学习笔记一
  • 超级进化吧switch case in java
  • OSPF(开放式最短路径优先协议2)
  • 写毕业论文经验贴
  • 设计模式-设计原则
  • Markdown pandoc-crossref自定义图表前缀(解决figureTitle和tableTitle被XeLaTex忽略的问题 )
  • 期货黄金交易平台重要吗?有哪些显著的期货黄金交易平台优势?
  • 【Redis】十大数据类型(下篇)
  • 24、基于原型的切比雪夫低通滤波器设计理论(插入损耗法)