jQuery常用知识总结
jQuery常用知识总结
简介
选择器
属性操作
jQuery()
each
event事件
jQuery扩展
一、简介
What is jQuery
jQuery is fast small and feature-rich JS's libarary; 它兼容多个浏览器
syntax jQuery
$(selector).action()
二、选择器
selector
basic selector
$("*") id 选择器 $("#id") class选择器 $(".class") 元素选择器 $("element") $("#id,.class,element")
层次选择器
$(
".outer div"
) $(
".outer>div"
) $(
".outer+div"
) $(
".outer~div"
)
基本筛选器
$(
"li:first"
) $(
"li:eq(2)"
) $(
"li:even"
) $(
"li:gt(1)"
)
属性选择器
$(
'[id="div1"]'
) $(
'["alex="sb"][id]'
)
筛选器
$(
"li"
).eq(
2
) -------> eq(index)里面放的是索引,返回一个jquery对象
$(
"li"
).first() -------------->return 第一个jquery对象
$(
"ul li"
).hasclass(
"test"
) --------->return boolean (true or false)
查找筛选器
查找子标签: $("div").children(".test") $("div").find(".test") 向下查找兄弟标签: $(".test").next() $(".test").nextAll() $(".test").nextUntil() 向上查找兄弟标签: $("div").prev() $("div").prevAll() $("div").prevUntil()
查找所有兄弟标签: $("div").siblings()
查找父标签: $(".test").parent() $(".test").parents() $(".test").parentUntil()
查找子标签:children() 所有的儿子 find() 所有的后代
查找所有的兄弟 siblings()
向下查找兄弟 next() 向下第一个兄弟,nextAll()向下所有的兄弟(弟弟)nextUntil() 直到遇到什么
向上查找兄弟 prev()向上第一个兄弟 ,prevAll()向上所有的兄弟
查找父标签 他的父亲,parent() parents()祖宗, 不常用 parentUntil() 向上找祖宗直到。。
三、属性操作
.添加删除属性
.addClass()
.removeClass()
.html() =====innerHTML
.css({color:"red",fontsize:"12px"})
.css("color","red")
.attr() ----------- 适用于自定义属性
.removeAttr()
.
prop() ----------------- 适用于固有属性
.removeProp()
显示隐藏效果
show()
hide()
四、event事件
页面载入
$(document).ready( function(){ } )
事件绑定
jquery对象.事件(函数)
$(selector).click(function(e){
e event对象,
})
事件委托
$(selector).on(eve,[selector],[data],fn)
jQuery常用知识总结的更多相关文章
- JQuery 常用知识
1.JSON 解析 JSON字符串: var str1 = '{ "name": "deyuyi", "sex": "man&qu ...
- javascript常用知识点集
javascript常用知识点集 目录结构 一.jquery源码中常见知识点 二.javascript中原型链常见的知识点 三.常用的方法集知识点 一.jquery源码中常见的知识点 1.string ...
- js与jquery常用数组方法总结
昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害 ...
- jquery-12 jquery常用动画效果有哪些
jquery-12 jquery常用动画效果有哪些 一.总结 一句话总结:jquery可以用户animate()自定义动画,也可以slide和fade系列方法来设置动画. 1.动画效果如何设置执行时间 ...
- javascript常用知识汇总
javascript这个语言庞大而复杂,我用了三年多了,还是皮毛都不会.从刚开始的jquery,到后来的es6,每天都在学习,每天都在忘记. 1.禁止手机虚拟键盘弹出 在开发适配手机的页面时,出现了这 ...
- 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇一:WPF常用知识以及本项目设计总结
篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...
- jQuery基础知识总结
1. jQuery基本概念介绍 1.1 什么是jQuery 一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可 学习jQuery就是学习一些方法 ...
- jquery基础知识汇总
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...
- Jquery:小知识;
Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器 上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理 ...
随机推荐
- nginx模块学习
rewrite模块的语法 链接
- UVALive 7464 Robots(模拟)
7464Robots Write a program to collect data from robots. We are given two sets of robotsX=fX1;:::;Xmg ...
- 第十次作业psp
psp 进度条 博文累积折线图 代码累积折线图 psp饼状图
- 2018-2019-20172329 《Java软件结构与数据结构》第九周学习总结
2018-2019-20172329 <Java软件结构与数据结构>第九周学习总结 教材学习内容总结 <Java软件结构与数据结构>第十五章-图 一.图及无向图 1.图的相关概 ...
- Beta阶段团队项目开发篇章2
例会时间: 2016.12.4 例会照片 个人工作 上阶段任务验收: 组员任务都已完成. 任务分配 组员 任务内容 韩慧敏 对调查问卷的结果进行分析和总结,确定Beta阶段各任务的优先级,撰写相关博客 ...
- 0428-Scrum团队成立
------------------------------3.0------------------------------------------ 一.项目要求 5.Scrum团队成立 5.1 团 ...
- Internet History, Technology and Security (Week 9)
Week 9 Security: Web Security We are now on the second to last week of the class and finishing up ou ...
- 蜗牛慢慢爬 LeetCode 7. Reverse Integer [Difficulty: Easy]
题目 Reverse digits of an integer. Example1: x = 123, return 321 Example2: x = -123, return -321 Have ...
- [转帖]CentOS基础命令大全
https://www.toutiao.com/i6601298434651587085/ 1.关机 (系统的关机.重启以及登出 ) 的命令 shutdown -h now 关闭系统(1) init ...
- bing 搜索引擎 无法访问 bug
bing 搜索引擎 无法访问 bug 自从 Google 不好正常使用以后, 一直在使用 bing, 今天突然就 无法访问了,怎么回事?被黑了? ... loading https://cn.bing ...