用jquery编写简易计算器

一、jq选择器

1,基本选择器(#id ,.class ,element )
2,层次选择器(祖先后代,父子)
(简易计算器主要了解基本选择器和层次选择器)

二、jq的html,val,css,attr

html:设置与获取内容

<span>dxxxx</span>
<div>aaaa</div>
<button>ok</button>

val:设置与获取值

<input type="text" value="123">

css:设置与获取样式

//1.css("样式名","样式值");
css("border","2px solid #ff0000");
//2.css({"样式名":"样式值",.....})
css({
   "border":"1px solid black","background":"#ff0000"})

attr:设置与获取元素的属性值

<input type="text" value="123" m=10>
<a href="#">sohu</a>
attr("href","http://www.sohu.com")

三、jq事件绑定

click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

$("选择器").on("click",function(){
   
	$(this).html();//$(this)是个转换,将this表示的dom对象转为jquery对象
})

在写计算机前首先导入jq文件

下载地址:https://www.jq22.com/jquery-info122
在这里插入图片描述

以下为简易计算机代码:

1,html打出计算机的边框:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1
  • 0
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值