jquery 基础教程[温故而知新二]
子曰:“温故而知新,可以为师矣。”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了。“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身。不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西。所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅;二来是希望可以帮助到一些刚入门的朋友。这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识。大部分都是我学习的时候所积累的笔记。
温故而知新系列都是一些基础知识,大神可以直接跳过。

v写在前面
如果十八般武艺都融会贯通,如果什么兵器你都耍得有模有样,那么这篇博文你大可以跳过了。只是在忘记的时候,可以拿出来温习温习。
v基本概念
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
简单点一句话概括: Jquery不是一门独立的语言,是javascript的一个类库或框架
v各种选择器
1.基本选择器:
- $("div")标记选择器
- $(".div")类别选择器
- $("#div")id选择器
- $("*")通用选择器
- $("div,.nav,#box")组合选择器
2.层次选择器:
- $("div p")后代选择器 div里面所有的p
- $("div>p")子选择器 div里面的下一级p
- $("div+p")兄弟选择器 下一个兄弟元素,div后面的p
- $("div~p")div后面所有的兄弟元素,div后面所有的p
3.简单选择器:
- $("div:first")找到第一个div
- $("div:last")找到最后一个div
- $("div:eq(index)")找到索引位置的div
4.内容选择器:
- $("div:contains(文本内容)")找到包含文本内容的div
5.可见性选择器:
- $("div:visible")找到所有显示的div元素
- $("div:hidden")找到所有隐藏的div元素
6.属性选择器:
- $("div[align]")具有align这个属性的div
- $("div[align=right]")具有align这个属性且属性值是right的div
7.表单选择器:
- $("div:input")找到div内所有的表单元素
- $("div:checkbox")找到div内所有的复选框
- $("div:radio")找到div内所有的表单选框
- $("div:password")找到div内所有的密码框
- $("div:text")找到div内所有的文本框
- $("div:selected")找到div内所有被选中的下拉列表框
v过滤选择
- first()找到第一个元素
- last()找到最后一个元素
- eq()找到索引值的元素
- filter("条件")筛选
- find()查找后代元素 =$("div p")
- next()下一个兄弟元素 =$("div+p")
- nextAll()后面所有的兄弟元素 =$("div~p")
- prev()前一个元素
- parent()父元素
- not()除了...之外的
vJquery操作
1.操作属性:
- 对象.attr("属性名") 获取属性的值
- 对象.attr("属性名","属性值") 设置属性的值 ps:值得一提的是对于部分(radion等)表单元素设置属性值使用prop
- 对象.removeAttr("属性名") 移除属性
2.操作样式:
- addClass()添加样式
- removeClass()删除样式
- toggleClass()切换样式
- 对象.css({"属性名":"属性值","属性名":"属性值"})
3.操作内容:
- html()获取/改变非表单元素的其他标签的内容
- text()获取/改变非表单元素的其他标签的文本内容
- val()获取/改变表单元素的value值
4.操作宽高:
- width()获取/改变元素的宽
- height()获取/改变元素的高
5.Jquery事件:
vJquery DOM
1.DOM操作:
- $("父对象").append("子对象")在父对象里向后追加子对象
- $("父对象").prepend("子对象")在父对象里向前追加子对象
- $("父对象").before("子对象")在父对象前面添加子对象
- $("父对象").after("子对象")在父对象后面添加子对象
vJquery 其它
1.位置:
- length() 获取元素的个数/长度
- size()获取元素的个数/长度
- index()获取同辈元素的索引位置,返回值是数值,从0开始
- get()获取索引位置的元素,将jq的对象转成js对象
v博客总结
关于jquery 入门教程就写到这里,只是为了希望帮助到一些入门的朋友,或者一些像我这样健忘的人朋友恢复记忆。
作 者:请叫我头头哥
出 处:http://www.cnblogs.com/toutou/
关于作者:专注于微软平台的项目开发。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力!
//
jquery 基础教程[温故而知新二]的更多相关文章
- jquery基础教程读书总结
最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注 ...
- 《jQuery基础教程(第四版)》学习笔记
本书代码参考:Learning jQuery Code Listing Browser 原书: jQuery基础教程 目录: 第2章 选择元素 1. 使用$()函数 2. 选择符 3. DOM遍历方法 ...
- 《jQuery基础教程》读书笔记
最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与j ...
- Termux基础教程(二):软件包安装
Termux基础教程(二):软件包安装 Termux是一个在安卓手机上模拟Linux系统的高级终端,这个终端十分强大,实用. Termux可以安装Liunx的各种软件包,这就是Termux的灵魂所在. ...
- ActiveMQ基础教程(二):安装与配置(单机与集群)
因为本文会用到集群介绍,因此准备了三台虚拟机(当然读者也可以使用一个虚拟机,然后使用不同的端口来模拟实现伪集群): 192.168.209.133 test1 192.168.209.134 test ...
- Kafka基础教程(二):Kafka安装
因为kafka是基于Zookeeper的,而Zookeeper一般都是一个分布式的集群,尽管kafka有自带Zookeeper,但是一般不使用自带的,都是使用外部安装的,所以首先我们需要安装Zooke ...
- jQuery基础---Ajax基础教程(二)
jQuery基础---Ajax进阶 内容提纲: 1.加载请求 2.错误处理 3.请求全局事件 4.JSON 和 JSONP 5.jqXHR 对象 发文不易,转载请注明出处! 在 Ajax 基础一篇中, ...
- Spring Cloud Alibaba基础教程-Nacos(二)
在Spring Cloud Alibaba基础教程-Nacos(一)当中学习了,如何从 nacos当中 通过Java的方式获取值,以及连接数据库,下面我们开始第二篇的学习 ,如果对你有帮助,方便下次寻 ...
- Jquery基础教程第二版学习记录
本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做 ...
随机推荐
- 开启MySQL日志
找到my.ini(Linux下是my.cnf)文件,在文件里加入下面两行: log="F:/mysqllog/mysql.log" log-bin="F:/mysqllo ...
- POJ 1811 大素数判断
数据范围很大,用米勒罗宾测试和Pollard_Rho法可以分解大数. 模板在代码中 O.O #include <iostream> #include <cstdio> #inc ...
- 通过Google身份验证器加强Linux帐户安全
下载Google的身份验证模块: # wget https://google-authenticator.googlecode.com/files/libpam-google-authenticato ...
- linux下使用taskset设置进程cpu绑定不起作用
自从大规模使用了虚拟化之后,大流量时soft interrupt在某个cpu很高就是个严重的问题,最近一有时间就研究这个问题,如果网卡本身不支持多队列的话,有没有办法缓解这个问题. 一开始使用rps, ...
- EF+MySQL乐观锁控制电商并发下单扣减库存,在高并发下的问题
下订单减库存的方式 现在,连农村的大姐都会用手机上淘宝购物了,相信电商对大家已经非常熟悉了,如果熟悉电商开发的同学,就知道在买家下单购买商品的时候,是需要扣减库存的,当然有2种扣减库存的方式, 一种是 ...
- MySQL之MySQL5.7安装包(msi文件)在Windows8下安装
最近自己在使用MySQL5.7.16.msi安装MySQL.自己下载的是.msi文件,在安装的过程中遇到了许多文件,网上大部分的Blog都是关于免安装包的安装方法,希望我的方法对大家有帮助. 1,下载 ...
- SubSonic2.2框架的使用方法和配置说明
网上.net ORM框架也不少,但是我感觉这个框架配置很简单的,前几年貌似用的人很多,现在好像用得比较少了,随着它官方的升级现在已经到3.0了, 并且采用T4 模板生成的方式,代码量好像减少了.不过我 ...
- 模拟position:fixed效果
大家都知道fixed定位相对于浏览器窗口,下面就介绍一种不用fixed也能实现其效果的定位方法,就那点css代码,这里就直接呼上来: <!DOCTYPE html> <html> ...
- JavaScript学习笔记6 之经典神坑题整理
本篇内容是关于容易出错题的整理,这些题也有利于对javascript的语法逻辑的理解,分析的内容仅供参考: <script> */ var x=0 , y=0 , c=1; functio ...
- 妙用Javascript中apply、call、bind
对apply.call.bind的认识,并且列出一些它们的妙用加深记忆. apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(cont ...