zoukankan      html  css  js  c++  java
  • $()下的常用方法2


    ev : event对象 ev.pageX(相对于文档的) : clientX(相对于可视区) ev.which : keyCode

    ev.preventDefault(); //阻止默认事件

    ev.stopPropagation(); //阻止冒泡的操作

    return false; //阻止默认事件 + 阻止冒泡的操作

     
    <script>
    
    $(function(){
        
        $('div').one('click',function(){  //只执行事件一次
            alert(123);
        });
        
    });

    jQuery方法之位置操作

    offset().left        //获取到屏幕的左距离

    position().left    //到有定位的父级的left值,把当前元素转化成类似定位的形式

    
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    *{ margin:0; padding:0;}
    #div1{ 200px; height:200px; background:red; overflow:hidden; margin:20px; position:absolute;}
    #div2{ 100px; height:100px; background:yellow; margin:30px; position:absolute; left:25px;}
    </style>
    <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
    <script>
    $(function(){
    alert( $('#div2').offset().left ); //获取到屏幕的左距离

    alert( $('#div2').position().left ); //到有定位的父级的left值,把当前元素转化成类似定位的形式
    });
    </script>
    </head>
    <body>
    <div id="div1">
    <div id="div2"></div>
    </div>
    </body>
    </html>

    
    
  • 相关阅读:
    字典常用操作复习
    列表常用方法复习
    爬虫流程复习
    协程解决素数
    yield 复习
    多线程复习2
    多线程复习1
    异常 巩固3
    logging日志基础示例
    2019最新百度网盘不限速下载教程
  • 原文地址:https://www.cnblogs.com/Xuman0927/p/5644197.html
Copyright © 2011-2022 走看看