zoukankan      html  css  js  c++  java
  • jquery使用

    cookie存放对象

    该实例要用到jquery.js,jquery.cookie.js,json2.js库

    var obj = new Object();

    obj.id = 1;

    obj.name = "aaa"'

    var objStr = JSON.stringify(obj);

    $.cookie('myCookie', objStr);

    var myCookie = $.cookie('myCookie');

    var newObj = JSON.parse(myCookie);

    操作select元素

    $("#select1").change(function() {

      var checkText = $(this).find("option:selected").text();

      var checkValue = $(this).val();

      var checkIndex = $(this).get(0).selectedIndex;

      var maxIndex = $("#select1 option:last").attr("index");

    });

    获得元素宽度

    $("#id").width();

    $("#id").css("width");

    $("#id").attr("width");

    控制元素的disabled属性

    $("#id").attr("disabled", "true");//添加

    $("#id").removeAttr("disabled");//移除

    操作text元素

    var txt = $('<input type="text" />');

    txt.val("hello");

    txt.appendTo($div).focus().select().css({"color": "red"});

    txt.keyup(function(ev) {//按键up

      var e = ev || window.event;

      var key = e.keyCode;

      if (key == 13) {

        alert(key);

        $(this).remove();

      }

    });

    txt.blur(function() {//失去焦点

      //todo

    });

    获得元素坐标

    //获得绝对坐标:

    var x = $("#id").offset().left;

    var y = $("#id").offset().top;

    //获得相对(父元素)坐标:

    var x1 = $("#id").position().left;

    var y1 = $("#id").position().top;

    //获得鼠标位置坐标:

    $("#div1").mousemove(function(event) {

      event = event || window.event;

      var x = 0, y = 0;

      if (event.pageX || event.pageY) {

        x = event.pageX;

        y = event.pageY;

      }

      else {

        x = event.clientX + document.body.scrollLeft - document.body.clientLeft;

        y = event.clientY + document.body.scrollTop - document.body.clientTop;

      }

    });

    jQuery对象和DOM对象相互转化

    //jquery对象转成DOM对象

    var $obj = $("#id");

    var obj = $obj[0];//$obj.get(0);

    //DOM对象转成jquery对象

    var obj = document.getElementById("id");

    var $obj = $(obj);

  • 相关阅读:
    DB2数据库基础
    mysqldump 备份数据库脚本
    Windows Server 2012 R2 卸载IE浏览器
    mysqlpump 和 mysql_config_editor测试
    Linux 修改时区
    PowerShe 消息提示框测试
    Python使用libsvm的“ImportError: No module named svmutil”问题
    常见的机器学习&数据挖掘知识点
    [猜你喜欢]冠军“yes,boy!”分享,含竞赛源代
    用户人品预测大赛获奖团队分享
  • 原文地址:https://www.cnblogs.com/feilv/p/4065037.html
Copyright © 2011-2022 走看看