<html>
<head>
<script type="text/javascript" src="jquery-3.4.1.min.js"> </script>
</head>
<body>
<input type="checkbox" id="in_chk" >
<button onclick="chk()">点击选中</button>
<input type="checkbox" id="in_chk1" >
<button onclick="chk1()">点击选中</button>
<button onclick="chk_or()">查看是否选中</button>
<button onclick="chk_or1()">查看是否选中</button>
</body>
</html>
<script type="text/javascript" >
function chk(){
$('#in_chk').attr('checked',true);
}
function chk1(){
$('#in_chk1').prop('checked',true);
}
function chk_or(){
var res =$('#in_chk').attr('checked');
// var res =$('in_chk').prop('checked');
if(res){
alert(res);
}else{
alert('没有选中');
}
}
function chk_or1(){
var res =$('#in_chk1').attr('checked');
// var res =$('in_chk').prop('checked');
if(res){
alert(res);
}else{
alert('没有选中');
}
}
//$.each 循环遍历
// 参数(数组,回调函数)
//
var arr=$('div');
$.each(arr,function(k,v){//循环
console.log(k+"<-index value->"+v );
$(v).css("background","blue");
});
// $('v').css("background","blue");
console.log($('div').length);//获取v的个数
// 内部实现方法
// 添加
//attr() 给元素添加 属性名和值
//.attr(属性名,值)
// $(###).attr("flag"); //这表示获取flag的值
// $(###).attr("flag",ture); /这表示设置flag的值
// 内部实现方法:
var attr = {
attr:function(val1,val2){
if(val2 == undefined){
//获取val1的值;
//return val1;
return undefined;
}else{
//设置 val1的值为val2;
val1=val2;
return val1;
}
}
}
console.log(attr.attr('abc'));//没有值就显示undefinde;
console.log(attr.attr('abc','efg111'));//这里就设置相关的值,并返回;
</script>
//.prop(属性名,值) 固有的属性
移除
//.removeAttr(属性名,值)
//.removeProp(属性名,值)
添加移除样式
.addClass('class_name');
.removeClass();
.toggleClass(); 点击一下添加,再点击一下就移除(一个按钮完成两种操作)
.text()//不传参数表示 获取值,传参数就是设置值,可用于设置倒计时
设置定时器
function set_timer(){
var timer = setInterval(function(){
$('#btn').attr('disabled',true);
var i=60;
$('#btn',text(i));
if(i<=0){
$('$btn').text('点击获取验证码');
//$('#btn').removeAttr('disabled');
//或者
$('#btn').removeAttr('disabled',false);
clearInterval(timer);
}
i--;
},1000);
}
setTimeout(function(){},5000);
.text();都算是替换字符串
.html();但html或有html标签,则会进行相关的解析
.val() 获取相关的值
.val('aabb') 设置相关的值