Jquery 复习练习

<input id="zhang" type="button" value="zhang" /><br />

  (function(w) { })(window);
        (function(w) {

            var getE= function(id) {

                return document.getElementById(id);
            }
            w.getE = getE;

        })(window);

        var a = getE("zhang").value;
        $("#zhang").bind("click", function(event) { alert(a);});
    </script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="jquery-1.8.3.js"></script>
</head>
<body>
<div id="divMsg">Hello World!</div>
<input id="btnShow" type="button" value="显示"/>
<input id="btnHide" type="button" value="隐藏"/><br/>
<input id="btnChange" type="button" value="修改内容为 Hello World, too!"/>
<div id="testDiv">测试图层</div>
<input id="btnzhaoren" type="button" value="zhaoren"/><br/>
    <input id="zhang" type="button" value="zhang" /><br />
    <script type="text/javascript">
        $("#btnShow").bind("click", function (event) { $("#divMsg").show(); });
        $("#btnHide").bind("click", function (event) { $("#divMsg").hide(); });
        $("#btnChange").bind("click", function (event) { $("#divMsg").html("我要杀了你!") });
        $("#btnHide").bind("click", function (event) { $("#testDiv").each(function () { $("#testDiv").html("谁是小三") }); });

        //$("#testDiv").each(function () { alert(this); });

        (function(w) { })(window);
        (function (w)
        {
            var tools={
                getE: function (id) { return document.getElementById(id); },
                iSIE: function(className) {}
            }

            w.t = tools;

        })(window);

        var a = t.getE("zhang").value;

        $("#zhang").bind("click", function(event) { alert(a);});
    </script>
</body>

</html>
时间: 2024-10-13 11:32:29

Jquery 复习练习的相关文章

jQuery复习节点知识(1、查看(获取)和设置属性)

两个关键字  1.attr   2.prop 主要要实现获得和设置两种方式 话不多说就直接上代码: 首先是获取方式的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery复习节点知识(1.查看(获取)和设置属性)</title> <script type="text/javasc

jQuery复习知识点(2、创建节点 3、插入节点)

创建节点的语法: $(html); 插入节点的语法: 话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery复习知识点(2.创建节点 3.插入节点)</title> <script type="text/javascript"src="../j

jQuery复习笔记

jQuery最大的好处:可以不用考虑浏览器的兼容性. 一.选择器 1.将普通对象封装成jQuery对象 var test = document.getElementById('zh-profile-ask-inner-list'); var jqtest = $(test); jqtest.get(0); 2.按id/tag/class/属性/组合查找 var test1 = $('#abc'); //按ID查找 var ps = $('p'); //按tag查找 var a = $('.red

jQuery复习—包装集

jQuery包装器 Part1:jQuery包装器的用法 一.通过包装器方法选择和包装将要操作的DOM元素 $()函数返回特殊的JavaScriopt对象(收集到了JavaScirpt元素并添加了拓展功能),它包含与选择器相匹配的DOM元素数组,这个数组中的元素是按照在文档中的顺序排列的.这个对象拥有大量有用的预定义方法,可作用于已收集的元素集合. 特点: (1):jQuery包装器方法,当执行完毕后(比如隐藏操作)会返回相同的一组元素,以便为另一个操作做准备. 例子:$("div.notLon

jQuery复习—事件

jQuery事件处理 一.就绪处理器事件的绑定方法 1.bind(eventType, data, hanlder) 创建一个函数,将其作为在匹配集中的所有元素上指定的时间类型的事件处理器 参数: eventType: (字符串)为将要创建的处理器指定事件类型的名称.可以使用空格分隔的列表指定多个事件类型 . data:(对象)调用者提供的数据,用来附加到event实例的data属性,以便处理器函数所使用.如果省略,则第二个参数为处理器函数 handler: (函数)将要创建为事件处理器的函数.

一点jquery复习

jquery获取select选中的值: $('#brand').change(function(){ var brand=$("#brand  option:selected").val(); alert(brand); }); <div class="col-sm-8 col-xs-12"> <select name="brand" id="brand" class="form-control&q

jQuery复习—DOM无关的jQuery实用函数

DOM无关的jQuery实用函数 一.实用函数的定义 定义在jQuery/$命名空间下不操作包装集的函数.一般来说这些使用函数要么操作除DOM元素以外的JavaScript对象,要么执行一些与Dom操作无关的操作. 二.操作JavaScript对象和集合 1.修建字符串  $.trim(value) 定义:删除传入的字符串开头和结尾处的空白字符,并返回修改后的结果 参数:value需要修改的字符串 返回值:修改后的字符串 $.trim($('#someFiled').val()); 2.遍历属性

jQuery复习—用动画和特效装扮页面(队列未整理)

用动画和特效装扮页面 一.显示和隐藏元素 设置元素的style.display属性(none/block/inline) 1.简单的改变元素显示和隐藏 (1).显示 show() (2).隐藏 hide() (3).切换状态 toggle() 2.渐变的显示和隐藏元素 (1).显示 show(speed,callback) (2).隐藏 hide(speed,callback) (3).切换状态 toggle(speed,callback) 参数说明: speed: 数字或者字符串.可以是若干毫

jQuery复习

jQuery选择器$(#id)==docunment.getelementById();-基本选择器(basic)$("#test")//获取id为test的元素 $(".test")//获取所有class为test的元素 $("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素$(".class"),根据css的c

Jquery 复习练习(02)Javascript 与jquery 互转

Javascript 与jquery 互转 jquery 为<script src="jquery-1.8.3.js"></script> <script type="text/javascript"> $(function () { $("input").click(function () { var a= $("#shang ul li span"); var b = a.get(0);