zoukankan      html  css  js  c++  java
  • 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"元素都被隐藏。

  • 相关阅读:
    20170612测试
    vijos1453曼哈顿距离
    vijos1153 猫狗大战
    vijos1037搭建双塔
    dijkstra+priority_queue+vector
    BZOJ1507: [NOI2003]Editor
    dinic模板
    旅行-树形DP
    51nod1799-二分答案
    51nod1791-合法括号子段
  • 原文地址:https://www.cnblogs.com/fanxiaojun/p/2672569.html
Copyright © 2011-2022 走看看