//窗口

<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. 基于“泵”的TCP通讯（接上篇）

    基于“泵”的TCP通讯(接上篇) 上一篇博客中说了基于“泵”的UDP通讯,附上了一个Demo,模拟飞鸽传书的功能,功能不太完善,主要是为了说明“泵”在编程中的应用.本篇文章我再附上一个关于TCP通讯的 ...

  2. CSS学习小记

    搜狗主页页面CSS学习小记 1.边框的处理   要形成上图所示的布局效果,即,点选后,导航下面的边框不显示而其他的边框形成平滑的形状.相对于把导航的下面边框取消然后用空白覆盖掉下面搜索栏的边框比较而言 ...

  3. .NET程序集1

    谈谈.NET程序集(一) 谈谈.NET程序集(一) The Assembly in .NET by 唐小崇 http://www.cnblogs.com/tangchong 在.NET出现之前, Wi ...

  4. 对比AutoResetEvent和ManualResetEvent

    ManualResetEvent和AutoResetEvent 比较 ManualResetEvent和AutoResetEvent都继承自EventWaitHandler,它们的唯一区别就在于父类 ...

  5. hdu 4277 USACO ORZ （dfs暴搜+hash）

    题目大意:有N个木棒,相互组合拼接,能组成多少种不同的三角形. 思路:假设c>=b>=a 然后枚举C,在C的dfs里嵌套枚举B的DFS. #include <iostream> ...

  6. MacOSX高分屏图片打包工具tiffutil的简单使用

    You can use the man command tiffutil with the option -cathidpicheck. The command lets you manipulate ...

  7. Mutex 实现进程独占资源

    背景:开发一套依赖硬件运行的软件,为避免硬件资源调用冲突,一个时间内只允许运行一个软件进程. 方法:使用Mutex判断该软件是否已启动,如果是,关闭即将启动的软件. 代码: static class ...

  8. 计算字符串中每种字符出现的次数[Dictionary<char,int>泛型集合用法]

    有一道经典的面试题: 统计 welcome to china中每个字符出现的次数,不考虑大小写.      第一个出现在脑海里的想法是: 1. 将字字符串转换成 char数组: 2. 用 for循环遍 ...

  9. Python中的多进程与多线程（二）

    在上一章中,学习了Python多进程编程的一些基本方法:使用跨平台多进程模块multiprocessing提供的Process.Pool.Queue.Lock.Pipe等类,实现子进程创建.进程池(批 ...

  10. [ios] Xcode使用设置相关-快捷键【转】

    快照:   command+control+s   编辑完了可以和之前的某个版本对比,通过File->Snapshots 调试时的快捷键也像大多数 IDE 靠拢了,采用了 F5.F6.F7 简单 ...