一、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