zoukankan      html  css  js  c++  java
  • JQuery基础学习(一)

    jQuery是一个JavaScript数据库。

    jQuery是一个轻量级的写得少,做得多的javascript库,jQuery极大的简化了JavaScript编程。

    对于JQuery的应用版本,我们可以在console窗口使用$.fn.jquery命令查看。

    JQuery语法

    jQuery通过选取html元素,并对选取的元素执行某些操作。基础语法:$(select).action();

    实例:$(this).hide();$("p").hide() ;$("#test").hide();

    实例中的所有JQuery函数位于一个document ready函数中:

     这是为了在文档完全加载之前运行jquery代码,即在DOM加载完成之后才可以对DOM进行操作。

    简洁的写法:

     

    笔记:

    以上的两种方式是jQuery的入口函数,JavaScript的入口函数:

    jquery与JavaScript的入口函数的区别:

    • jquery的入口函数是在所有html所有标签(DOM)都加载之后,就会去执行。
    • JavaScript的window.onload事件是等到所有内容,包括外部图片之类的文件加载完之后,才会执行。 

    jquery选择器

     笔记:

    • 通过$(“:button”)可以选取所有type=button的<input>元素和<button>元素,如果去掉:,则只能获取<button>元素。
    • 关于 : 和 [] 这两个符号的理解

          :可以理解为种类的意思,如:p:firstp 的种类为第一个。

          [] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

    • 表单选择器

         $(“:button”)为jQuery中的表单选择器(与过滤选择器同级),旨在选择所有的按钮。

         :即为jQuery的过滤选择器

  • 相关阅读:
    Lucene简介
    网页去重和网页反作弊
    一个不应该犯的错octave
    使用有道笔记
    向量操作的思想
    暗时间(介绍)-关于坚持的一个故事
    bootstrap插件学习-bootstrap.tab.js(读码)
    Bootstrap 实现CRUD示例及代码
    Bootstrap Table 使用示例及代码
    Bootstrap Table相关参数及属性、方法
  • 原文地址:https://www.cnblogs.com/qqguoqin/p/12780801.html
Copyright © 2011-2022 走看看