• 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" 结尾的元素。

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

    

  • 相关阅读:
    (转)两千行PHP学习笔记
    PHP语言 -- 基础
    数据库-T-SQL 语句-高级查询
    数据库-T-SQL 语句-简单查询
    数据库-T-SQL 语句-创建表,删除表,CRUD操作的添加数据,修改数据,删除数据
    PHP 数组
    PHP函数
    PhP 基础
    无缝循环
    l两张图片轮播
  • 原文地址:https://www.cnblogs.com/wsl2011/p/1970175.html
Copyright © 2020-2023  润新知