Jquary基础
基本知识:
就是一个JS函数包
选择器:基本选择器:
- 基本:ID选择器 “#” , Class选择器 “.”,标签选择器 “标签名”
- 组合:并列用“,”隔开 后代用空格隔开
过滤选择器:基本过滤:
首尾过滤:
用“:first” 取首 比如:$(".div:first")
用“:last”取尾 比如:$(".div:last")
等于:
用“:eq(索引号)” 或者".eq(索引号)"取任意个 比如:$(".div:eq(0)") ,$("div").eq(0)
不等于:
- 大于:用“:gt(索引号)”
- 小于:用“:lt(索引号)”
- 排除:用“:not(选择器)” 比如:$(".div:not(.div:eq(2))")
奇:用“:odd” 如:$(".div:odd")
偶:用“:even” 如:$(".div:even")
属性名过滤:[属性名] 如:$(".div[属性名]")
属性名的值过滤:[属性名=值] $(".div[属性名=值]")
内容过滤:文字: $(".div:("字符串")") 子元素:$(".div:has(“选择器”)")
事件:
- 常规事件:把JS中的事件 on去掉即可 如.click
- 复合事件:hover(function(){},function(){}) 相当于相当于把mouseover()mouseout()合二为一;toggle(function(){},function(){})--点击事件循环执行
- 未来元素:对象.live("事件名",function(){});
阻止事件冒泡:return false;
Dom操作:
操作属性:获取属性var s = $("选择器").attr("属性名");设置属性$("选择器").attr("属性名","属性值");删除属性$("选择器").removeAttr("属性名")
操作样式:操作内联样式:获取样式var s = $("选择器").css("样式名");设置样式$("选择器").css("样式名","值")。
操作样式表的class:添加class:$("选择器").addClass("class名");移除class:$("选择器").removeClass("class名");添加移除交替class:$("选择器").toggleClass("class名")
操作内容:表单元素:取值var s = $("选择器").val();赋值$("选择器").val("值")。
非表单元素:$("选择器").html("内容"), $("选择器").text("内容");取值:var s = $("选择器").html(), var s = $("选择器").text()
操作相关元素:查找:父、前辈parent(),parents(选择器);子、后代children(选择器),find(选择器);兄弟:哥prev(),prevAll(选择器);弟next(),nextAll(选择器)。
操作:新建$("HTML字符串"),添加appen(jquery对象)(内部添加)after(,..)(下部平级添加)before("...")(上部平级添加),移除empty()清空内部全部元素 remove()移除元素,复制clone()
动画:
show(),hide()
slideDown(),slideUp()
fadeIn(),fadeOut()
自定义动画:animate({left:"300px",top:"300px"},3000,function(){回调函数}),
停止动画,防止动画积累: .stop(true)
Jquary基础的更多相关文章
- tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tornado的后端和ajax的 ...
- tornado web高级开发项目
抽屉官网:http://dig.chouti.com/ 一.配置(settings) settings = { 'template_path': 'views', #模板文件路径 'static_pa ...
- 本博文将一步步带领你实现抽屉官网的各种功能:包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。
本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的 ...
- [全文检索]Lucene基础入门.
本打算直接来学习Solr, 现在先把Lucene的只是捋一遍. 本文内容: 1. 搜索引擎的发展史 2. Lucene入门 3. Lucene的API详解 4. 索引调优 5. Lucene搜索结果排 ...
- 预习 jQuary
一.jQuary简介 1.jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTM ...
- jQuary学习の二の语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作.基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询& ...
- jquary高级和ajax
jquary高级: 1.动画 1.三种方式显示与隐藏元素 1.默认显示和隐藏的方式 1.show([speed],[easing],[fn]):显示 [speed],[easing],[fn] spe ...
- java基础集合经典训练题
第一题:要求产生10个随机的字符串,每一个字符串互相不重复,每一个字符串中组成的字符(a-zA-Z0-9)也不相同,每个字符串长度为10; 分析:*1.看到这个题目,或许你脑海中会想到很多方法,比如判 ...
- node-webkit 环境搭建与基础demo
首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法 下载windows x64版本 下载之后解压,得到以下东西 为了方便,我们直接在这个目录中 ...
随机推荐
- boogo08---中间件
package main //中间件1:只允许特定host请求过来 import ( "fmt" "net/http" ) //SingleHost是一个中间件 ...
- uptime详解,最通俗的说明了cpu平均负载
今天又个网友问uptime的三个平均负载值具体要怎么理解,发现要自己解释还真不知道怎么表达~~~~,下面到网上找了篇文章给大家分享: uptime命令,有两大用处,一个是看您的机器的运行时间,另一 ...
- 多态、抽象类、接口、区别(java基础知识九)
1.多态的概述以及代码体现 * A:多态概述 * 事物存在的多种形态 * B:多态前提 * a:要有继承关系. * 一个类是父类,一个类是子类 * b:要有方法重写. * c:要有父类引用指向子类对象 ...
- hdu 1514 Free Candies 解题报告
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1514 题目意思:有4堆糖果,每堆糖果有n个,从上到下排好,取糖果只能从上往下取,取完的糖果放在篮子里, ...
- nginx网站日志配置
用yum安装的nginx的日志默认安装在路径:/var/log/nginx nginx配置文件:/etc/nginx/nginx.conf (总配置文件)/etc/nginx/conf.d/defau ...
- 四叉树 bnuoj
点击打开题目链接 建树+广搜一棵树:最下面有更短代码(很巧妙). #include<iostream> #include<stdio.h> #include<queue& ...
- BZOJ_2443_[Usaco2011 Open]奇数度数 _并查集+树形DP
BZOJ_2443_[Usaco2011 Open]奇数度数 _并查集. Description 奶牛们遭到了进攻!在他们的共和国里,有N(1 <= N <=50,000)个城市,由M(1 ...
- 【hdu 2222】Keywords Search
[题目链接] 点击打开链接 [算法] 此题是AC自动机模板题 AC自动机是很神奇的算法,简单点来说,就是在一棵字典树上进行KMP,它的应用范围很广,非常实用 这篇博客写得很好,推荐阅读 : http: ...
- ASP.NET Core:WebAppCoreApi
ylbtech-ASP.NET Core:WebAppCoreApi 1.返回顶部 1. 2. 3. 4. 2. Controllers返回顶部 1.ValuesControlle ...
- Centos7 编译安装 Nginx、MariaDB、PHP
前言 本文主要大致介绍CentOS 7下编译安装Nginx.MariaDB.PHP.面向有Linux基础且爱好钻研的朋友.技艺不精,疏漏再所难免,还望指正. 环境简介: 系统: CentOS 7,最小 ...