博客列表 >js第四天作业 继续jquery

js第四天作业 继续jquery

牛粪也香的博客
牛粪也香的博客原创
2019年10月25日 00:27:39635浏览

<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') 设置相关的值

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议