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

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

    

  • 相关阅读:
    Mysql 数据库优化(五)sql语句优化【个人经验】转
    C# 编写的winform程序的托盘功能
    Mysql 数据库‘’函数‘、‘’事件‘’完成时间字段自动更新
    dd
    c# ‘using’三种用法
    集群、分布式、负载均衡
    iOS开发- Xcode 7添加pch文件
    iOS开发-pod install 出错 The dependency `AFNetworking (~> 2.6.0)` is not used in any concrete target.
    leetcode -- Find Median from Data Stream
    ubuntu14.04 LTS 更新源
  • 原文地址:https://www.cnblogs.com/wsl2011/p/1970175.html
Copyright © 2011-2022 走看看