zoukankan      html  css  js  c++  java
  • 2019-06-10 Java学习日记之JQuery

    什么是JQuery?

    JQuery是一个快速、简洁的javaScript框架,是继Prototype之后有一个优秀的javaScript代码库(或javaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对css选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE6.0+、FF 1.5+、Safar 2.0+、Opera 9.0+等

    jQuery的作用:

    1、写更少的代码,做更多的事情:write Less,Do more

    2、将我们页面的JS

    代码和HTML页面代码进行分离

    JQ和J之间的转换:

    JQ对象,只能调用JQ的属性和方法

    JS对象,只能调用JS的属性和方法

    JQ的开发步骤:

    1、导入JQ相关的文件

    2、文档加载完成事件:$(function) : 页面初始化的操作:绑定事件,启动页面定时器

    3、确定相关操作的事件

    4、事件触发函数

    5、函数里面再去操作相关的元素

    jQuery中的选择器:

    让我们能够更加精确的找到我们要操作的元素

    基本选择器:

      ID选择器:  #ID的名称

      类选择器:  以.开头  .类名

      元素选择器:  标签的名称

      通配符选择器:  *

      选择器,选择器:  选择器1,选择器2

    JQ中的层级选择器:

    子元素选择器: 选择器1 > 选择器2

    后代选择器:选择器1 儿孙

    相邻兄弟选择器:选择器1 + 选择器2 :找出紧挨着的一个弟弟

    找出所有弟弟:选择器1 ~ 选择器2 :找出所有的弟弟

    基本过滤器:

      选择器:

        :frist  :  找出的是第一个

        :last  :  找出最后一个

        :even  :  找出索引为偶数的

        :odd  :  找出索引为奇数的

        :gt(index)  :  大于索引

        :lt(index)  :  小于索引

        :eq(index)  :  等于索引

      属性选择器:

        选择器[href]  :  单个属性

        选择器[href] [title]  :  多个属性

        选择器[href] [title = ‘test’]  :  多个属性,包含值

    表单过滤器:

      :input  找出所有输入项:input textarea select

      :text

      :password

    表单对象属性:

      找出select中被选中的那一项

      option:selected

        

      

      

  • 相关阅读:
    [转载]Python量化交易平台开发教程系列1-类CTP交易API的工作原理
    [转载]Python量化交易平台开发教程系列0-引言
    Wind量化平台使用点评
    掘金量化使用点评
    Tushare使用点评
    量化交易的Python工具链
    可见光通信与室内定位技术
    Qt5下实现摄像头预览及捕获图像方法二(openCV3与Qt5交互使用)
    ubuntu下软件包安装故障解决方案(深入剖析专治疑难)
    Qt5下实现摄像头预览及捕获图像方法一
  • 原文地址:https://www.cnblogs.com/clqbolg/p/11004294.html
Copyright © 2011-2022 走看看