zoukankan      html  css  js  c++  java
  • JQuery一些简单常用的方法

    申请了博客,却不知道写点啥,因为本人是一只菜鸟,所以也不敢在各位大虾们面前show一些皮毛的小东东,现在也顾不了那么多了,我就是想在这里做一些学习用的笔记,呵呵。希望各位师傅们莫要见笑,以后多多希望各位指教。

    最近在学习JQuery。因为在以后的工作中可能要用到,由于刚学习不久,了解的也只是一些皮毛的东西,但是好记性不如把它记录下来,因此今天有兴在这里总结了一下,各位不要见笑哦!

    JQuery实际上就是对js的一个封装我认为,是一个JavaScript函数库,此函数库主要包括的有:

    ~Html元素选取
    ~Html元素操作
    ~CSS操作
    ~HTML时间函数
    ~JavaScript特效和动画
    ~HTML DOM遍历和修改
    ~Ajax
    ~Utilities

    在使用JQuery的过程中,怎样使用呢,首先要向页面中添加JQuery库

    JQuery库位于js文件中,可以通过下面的标记将把JQuery添加到网页中

    <head>
    <script type="text/javascript" src="jquery.js"></script><!--注意一定要放到head标签中>
    </head>

    引入了库,下面就是一些简单的用法了,首先来记录几个简单的常用的实例。
    1.JQuery的hide()函数,隐藏了html文档中的所有元素
    <html>
    <head>
    <script type="text/javascript" src="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>
    </body>
    </html>
    这只是一个简单的小例子,呵呵,感觉很好用,就把一些常用的语法放在这里吧!
    $(this).hide() - 隐藏当前元素

    $("p").hide() - 隐藏所有段落

    $("p.test").hide() - 隐藏所有 class="test" 的段落

    $("#test").hide() - 隐藏所有 id="test" 的元素
    jQuery 元素选择器
    jQuery 使用 CSS 选择器来选取 HTML 元素。

    $("p") 选取 <p> 元素。

    $("p.intro") 选取所有 class="intro" 的 <p> 元素。

    $("p#demo") 选取 id="demo" 的第一个 <p> 元素。

    jQuery 属性选择器

    jQuery 使用 XPath 表达式来选择带有给定属性的元素。

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

    有关一些常用的方法就先写到这里了,以后还有很多有关学习的有机会再一一阐述,就不多说了,呵呵,慢慢学吧,相信自己会学的越来越好!
    
    

    

  • 相关阅读:
    [bzoj4241] 历史研究 (分块)
    [tyvj2054] 四叶草魔杖 (最小生成树 状压dp)
    20180710 考试记录
    [luogu2047 NOI2007] 社交网络 (floyed最短路)
    [luogu2081 NOI2012] 迷失游乐园 (树形期望dp 基环树)
    [luogu1600 noip2016] 天天爱跑步 (树上差分)
    [luogu2216 HAOI2007] 理想的正方形 (2dST表 or 单调队列)
    [poj 3539] Elevator (同余类bfs)
    [BZOJ1999] 树网的核 [数据加强版] (树的直径)
    bzoj2301 [HAOI2011]Problem b
  • 原文地址:https://www.cnblogs.com/wsl2011/p/1970175.html
Copyright © 2011-2022 走看看