//窗口

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">

//调用jquery

//相当于window.load()当窗口加载完毕之后触发

$(function(){

    //alert("hello jquery");

    //选择器

    //id选择器

    $("#bt1").click(

            function (){

            alert("点击了按钮  文字=" );

            }

    );

    //标签选择器

    //属性过滤器

    $("input[type=button]").click(

    function (){

        alert("通过标签选择器选中了按钮")

        }

    );

    //类选择器

    $(".cl_2").click(

            function (){

                alert("通过类选择器选中了按钮")

                }

    );

    //使用dom方式获取元素

    var bt_3 =document.getElementById("bt3");

    $(bt_3).click(

            function()

            {

                alert("从DOM对象转为jQuery对象");

            }

    );

    //从Jquery对象转为DOM对象

    var $jbt_1=$("#bt1");

    alert("集合长度 ="+$jbt_1.length);

    var bt_1=$jbt_1.get();

    alert("DOM按钮的内容="+bt_1.value);

    var $jbt_4=$("button");

    var bt_4= $jbt_4[];

    alert("DOM按钮的内容="+bt_4.firstChild.nodeValue);

    $jbt_4.click(

            function (){

                alert("button 的文本="+$(this).text())

                }

    );

})

</script>

</head>

<body>

测试

<br>

<input type="button"  id="bt1" value="按钮1">

<br><br>

<input type="button" class="cl_2" id="bt2" value="按钮2">

<br><br>

<input type="text" class="cl_2">

<br><br>

<input id="bt3" value="按钮3" type="button">

<br><br>

<button id="bt4">按钮4</button>

<br><br>

<button id="bt5">按钮5</button>

</body>

窗口、easyui-window、easyui-panel、easyui-linkbutton的更多相关文章

  1. 窗口-EasyUI Window 窗口、EasyUI Dialog 对话框、EasyUI Messager 消息框

    EasyUI Window 窗口 扩展自 $.fn.panel.defaults.通过 $.fn.window.defaults 重写默认的 defaults. 窗口(window)是一个浮动的.可拖 ...

  2. jQuery EasyUI window窗口使用实例

    需求:点击[增加]按钮,弹出窗口,并对所有输入项内容进行校验,校验通过就提交给后台的action处理,没有通过校验就弹窗提示.  <!DOCTYPE html> <html> ...

  3. easyui window窗口 随body的滚动条 滚动

    问题描述: 当easyui window窗口弹出的时候,依然可以滚动body 的滚动条,而且window窗口也会随它一起滚动 思路:bootstrap 模态框弹出的时候,给body 添加了 .moda ...

  4. jQuery EasyUI window窗口实例

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...

  5. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  6. Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式

    Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>> ...

  7. EasyUI学习总结(一)——EasyUI入门

    一.EasyUI下载 EasyUI官方下载地址:http://www.jeasyui.com/download/index.php,目前最新的版本是:jQuery EasyUI 1.4.1

  8. EasyUI学习总结(六)——EasyUI布局

    一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必须的,而东.西.南.北这四个面板是可选的,如果布局里面不需要东.西.南.北这四个面板,那么可以把相应的di ...

  9. Jquery easyui 重置按钮，easyui 清空表单，Jquery easyui 重置表单

    Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单 >>>>>>>>>>>>&g ...

  10. EasyUI学习总结(六)——EasyUI布局（转载）

    本文转载自:http://www.cnblogs.com/xdp-gacl/p/4088198.html 一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必 ...

随机推荐

  1. Rustlang语言逐行处理文件的基本方法

    文件操作 需求: 将文件中的内容按行读取出来,然后对改行的数据进行处理,最后将处理后的行数据存放到新的文件中. 使用RUST来处理的方法如下. 首先引入需要的标准库: use std::io::pre ...

  2. oracle中backup模式

    在数据库打开的情况下备份(归档模式),把表空间或者数据库置于backup 模式下, 如: SQL> alter database  begin  backup; Database altered ...

  3. Javascript单元测试框架比较Qunit VS Jasmine

    Javascript单元测试框架比较Qunit VS Jasmine 工欲行其事必先利其器,好的单元测试框架是TDD成功的一半.Javascript优秀的测试框架很多, 包括Jasmine,Qunit ...

  4. #2006 - MySQL server has gone away 问题解决方法 （全） （转）

    #2006 - MySQL server has gone away 问题解决方法 原文地址:http://www.cnblogs.com/bisonjob/archive/2009/08/18/15 ...

  5. Android RecyclerView完全解析

    RecyclerView完全解析 (一) 前言 话说RecyclerView已经面市很久,也在很多应用中得到广泛的使用,在整个开发者圈子里面也拥有很不错的口碑,那说明RecyclerView拥有比Li ...

  6. Hiberbate中的一对多关联查询

    Hibernate中一对多关系的应用 案例:一个人可以拥有多辆小轿车 目的:通过hibernate的相关配置,利用HQL语句成功的查询出某人拥有某些车辆 1. 项目结构 2. domain类的创建详情 ...

  7. azkaben任务调度器

    azkaban学习笔记总结 01.工作流调度器azkaban 1. 任务调度概述 一个完整的数据分析系统通常都是由大量任务单元组成: shell脚本程序,java程序,mapreduce程序.hive ...

  8. java异常处理01

    当我们做java项目的时候,多多少少都会出现一些异常,如何快速处理异常也将会影响到一个项目开发的进度. 以下将是面对的一些异常将如何去处理: 1.数据库没有启动 解决方法:计算机-->管理--& ...

  9. Web API 2中的Action Results

    [译]Action Results in Web API 2 单击此处查看原文 本文阐述了ASP.NET Web API是如何将controller action的返回值转换为HTTP respons ...

  10. orm2

    数据库连接 var orm = require("orm"); orm.connect("mysql://username:password@host/database& ...