• Jqurey学习(1)


    第一个Jqurey例子
    <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> <button type="button">Click me1</button> </body> </html>

    代码解读:

    $:美元符号,是一个选择符(Selector)用来“查找”和“查询”HTML元素的;

    $(document):取得了整个页面的对象

    $(document).ready:相当于.net 后台代码的:pageonload事件,$(document).ready()的参数是一个函数,页面一开始就加载了相关的方法。

    $("button"):取到该页面的所有type为:button的html元素,$("button").click,给所有的button添加click事件,其实click方法里的参数也是一个函数,

    其函数体的内容是:$("p").hide()所有的"p"元素都被隐藏。

  • 相关阅读:
    链表实现
    @Aspect
    mybatis plus
    using
    50道题
    梦想,青春,时间
    存储过程!!!
    事务,视图,索引
    高级查询--嵌套和相关,两套分页!!!
    学习笔记
  • 原文地址:https://www.cnblogs.com/fanxiaojun/p/2672569.html
Copyright © 2020-2023  润新知