js的方法 window.onload = function(){ var oDiv = document.getElementById('div1'); alert(oDiv.checked) } 返回的是true和false 第二种方法 $(function(){ alert($("#div1").get(0).checked) }) 类似第一种,转换为js原生对象 第三种方法 $(function(){ alert($("#div1").is(':checke

原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transitions = { 'transition':'tra

  上图的 demo 主要讲的 是 css transition的过渡回调函数transitionend事件: css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transiti

分享下js判断是否选中CheckBox的方法. 代码如下: <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1" checked> <inpu

前些天工作中有这个需求,自己手写了相关的JS代码,第一种方法是通过ASCII 码判断密码类型,完成用户注册时判断用户输入密码的强度,分强.弱.中三等级,它可以根据用户输入的密码显示对应的密码强弱等级,方便用户改进输入,第二种方法是通过JS正则来判断用户输入的密码强弱.下面分别对这两种方法进行展示. 方法一: html代码: <input name="password" type="PassWord" onKeyUp="CheckIntensity(t

<script type="text/javascript"> var isAlt = 0; var isEnt = 0; document.onkeydown = function(e){ var evn = e||event; var code = evn.keyCode||evn.which||evn.charCode; if(code==13){ isEnt = 1; } if(code==18){ isAlt = 1; } // 判读Alt+Enter组合键 if

<input type="checkbox" id="IsEnable" /> 在调试的时候,会出现,一直未true的状态,不管是选中还是未选中 解决方法,  标签不能定义  checkbox 默认选中用 $("#IsEnable").prop("checked", true);//设置为选择状态 默认不选中为 $("#IsEnable").prop("checked", f

方法一[推荐]: 最容易想到的是用typeof来判断是否是number类型 ,但是如果为NaN会被认为也是number类型,因此我们需要使用isNaN来排除NaN的情况. function isNumber(obj) { return typeof obj === 'number' && !isNaN(obj) } 方法二: isNaN(obj)   等价于isFinite().Infinity在js表示数字的无穷大,判断是否可用做数字的最佳方法则是isFinite(),因为该方法会筛除掉

[注意]以下方法只对class只有一个值的情况下操作 ************************************************************* 结构部分: <div>   <p>1</p>   <p class="test">2</p>   <p>3</p> </div> *******************************************

$('.div0 .checkbox1').prop('checked')选中返回 true未选中返回 false $('.div0').prop("checked", true)//选中 $('.div0').prop("checked", false)//不选中

var u = navigator.userAgent; //Android终端 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //iOS终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); 1.. isAndroid和isiOS是两个布尔值      //判断设备是安卓或者是ios var ua = navigator.userAgent;

今天开发遇到一个小问题,记小本本记小本本 document.getElementById("id").checked //正确 //如果返回值为true代表选中 //如果返回值为false代表未选中 document.getElementsByClassName("class").checked //不能得到ture,false这样的返回值 问题出在哪了呢,我用调试工具看一下 显而易见,用id取返回的是数组,用class取返回的是对象数组(即便他只有一个值) 所以应

<script> $(function () { var SelectVal = $("input[name='rblGJS']:checked").val(); if (SelectVal == 1) { $("#gjsbh").show(); } $("#<%=rblGJS.ClientID %>").change(function () { SelectVal = $("input[name='rblGJS

<style> #div1 { width: 100px; height: 100px; position: absolute; } .div1 { background: red; } .div2 { background: yellow; } </style> <div id="div1" class="div2 div1 div3 div2"></div> <script> var oDiv1 = d

var aLi = document.querySelectorAll('#tabs li'); for(var i = 0;i <p.length;i++){ //第一种方法,用classList这个H5 API,有兼容性问题 if(aLi[i].classList.contains('active')==true){ console.log(aLi[i]); } //第二种方法,用className这个属性 if(aLi[i].className=='active'){ console.lo

ListenerScoller () { var pageIndex = 1; var startX, startY; document.addEventListener('touchstart',function (ev) { startX = ev.touches[0].pageX; startY = ev.touches[0].pageY; }, false); let _this = this; document.addEventListener('touchend',function

window.addEventListener("scroll", function(event) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(scrollTop); if(document.documentElement.scrollHeight == document.documentElement

document.querySelector('.content').addEventListener('scroll',function () { //读取内容区域的真实高度(滚动条高) // console.log(this.scrollHeight); //读取滚动条的位置 // console.log(this.scrollTop); //设置滚动到的位置 // this.scrollTop=800; //读取元素的高度 // console.log(this.clientHeight)

const arr = [] // 1. 最简单 ES5+ Array.isArray(arr) // 2. 兼容性好的方法,也很准确 Object.prototype.toString.call(arr) === '[object Array]' // 3. 这个也不错 arr.constructor.name === 'Array' // 4. instance 不好用 console.log(a instanceof Array) // true console.log(a instanc

var topValue = 0,// 上次滚动条到顶部的距离 interval = null;// 定时器 contactsList = document.getElementById("contactsList"); contactsList.onscroll = function() { //我项目中的contactsList滚动 if(interval == null) {// 未发起时,启动定时器,1秒1执行 interval = setInterval(function (

原生JS判断手势方向的解决思路: 1.滑动屏幕事件使用html5 的touchstart滑动开始事件和touchend滑动结束事件. 2.方向的判断,以起点做平面坐标系,与终点连线做直线,直线与x正半轴计算角度:我们以45度角为方向分割线,如:只要滑动角度大于等于45度且小于135度,则判断它方向为向上滑. 3.使用Math.atan2来计算起点与终点形成的直线角度. 4.仔细对比标准坐标系与屏幕坐标系,我们发现,标准坐标系,上半轴为负值,要实现转换,只需要调换Y坐标起点与终于位置即可. 处理代