js/jq复习

1.语法
2.选择器 标签，类，id
3.过滤器：
奇数行even，偶数行odd，
某一行的某一列eq
4.事件

制表 table>tr*4>td

过滤00

111

222

333

js: $(function(){ alert(11)//弹框

// 方式1(标签）
$(“p”).css(“color”,"#f00")
$(“p”).css(“font-size”,“80px”)
// 方式2 效果一样
$(“p”).css(“color”,"#f0f").css(“font-size”,“50px”)

//2类，id
$(".hello").css(“color”,"#f0f")
$("#good").css(“font-size”,“50px”)

$(“tr:even”).css(“color”,"#f0f")
$(“tr:odd”).css(“color”,"#f00")
$(“tr:eq(2)>td”).css(“font-size”,“50px”)
//第二行字体变大

//事件
//类的 点击事件
$(".hello").click(function(){
if(confirm(“是否删除”)){
alert(‘删除’)
}else{
alert(‘取消’)
}
});

//鼠标事件
//id得。。鼠标放上变蓝
$("#good").mouseover(function(){
$("#good").css(“color”,"#00f")
});
//id得。。鼠标离开变绿
$("#good").mouseout(function(){
$("#good").css(“color”,"#0f0")
});
});

**

js:

**

引用

css:
.hello{
color:#f00;
font-size: 80px;
}
js:
function reg() {
//在js中操作（1）
var a=document.getElementById(‘hello’);
a.style.color=’#f0f’

//控制css的id操作（2）
// a.className=‘hello’
}
//点击注册，你好变颜色

百度

function baidu() {
var b = document.getElementById(‘baidu’)
b.className = ‘hello’
location.href = ‘http://www.baidu.com’
}
//点击百度，走css,变大变色，跳转百度页面

鼠标事件

function over() {
var c = document.getElementById(‘product’)
c.className = ‘hello’
}
function out() {
var c = document.getElementById(‘product’)
c.className = ‘hello2’
}

.hello2{
color:#000;
font-size: 16px;
}

登录

function login() {//获取登录方框输入的值
var c = document.getElementById(‘name’)
alert(c.value)
}
//输入登录姓名，点击登录，弹框有输入的值

删除

function del (){
if(confirm(“是否删除？”)){
alert(“删除”)
}else {
alert(“取消删除”)
}