jQuery入门，jq第一天学习_jquery是写好的代码吗-程序员宅基地

一.jQuery介绍

其本质就是第三方的框架：别人写好的js代码文件，好处就是效率高，坏处就是处理bug比较麻烦。、

官网：jQuery

jQuery文件下载:https://code.jquery.com/jquery-1.12.4.min.js

官方文档传送门：jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm

二.不同版本的区别

1.jQuery版本有很多，分为1.x 2.x 3
1.x版本：能够兼容IE678浏览器不更新
2.x版本：不兼容IE678浏览器不更新
3.x版本：不兼容IE678，更加的精简（在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678）更新中
国内多数网站还在使用1.x的版本

2.每一个版本的jquery文件,都有压缩和未压缩版的.
压缩版推荐实际开发/生产环境中使用:代码经过压缩，文件体积小
未压缩版平时开发学习环境中使用：代码没有压缩，方便查阅源代码

三.jQuery的入口函数

1.jq入口函数：两种写法

2.jq入口函数与原生入口函数区别

a.数量不同：原生只能一个入口函数，jq可以多个

b.时机不同：

jq： DOM树加载完毕就执行

原生：DOM树 + 外部资源路径加载完毕才执行

四.DOM对象与jQuery对象区别

1.DOM对象 : 使用DOM原生语法获取的对象

2.jq对象 : 使用jq语法获取的对象 * jq对象的本质是伪数组

3.DOM对象与jq对象的区别 * 两者不互通 a. DOM对象只能使用DOM原生语法，无法使用jq语法 b. JQ对象只能使用JQ语法，无法使用DOM原生语法

4.jq对象与DOM对象互转 DOM->JQ : $(DOM对象) JQ-> : $()[下标] $().get(下标)

五.函数介绍

1. $ : 是一个函数对象
2. jQuery : 与$完全等价（$ === jQuery）
* 意味着，凡是使用$的地方，一律可以替换成jQuery
3. $函数，传参不同，功能也不同（三种功能）
a. 如果参数是一个函数：入口函数 $(function(){})
b. 如果参数是一个选择器：查询jq对象 $('#box')
c. 如果参数是一个DOM对象： DOM->jq

语法.查询操作

一.基本选择器

二.层次选择器

三.过滤选择器

四.css属性操作

.jq语法操作css样式 -> 调用方法
查询css样式： $().css('属性名')
设置css样式 : $().css('属性名',属性值)

无论是行内还是行外，都可以操作(取值+赋值) -> 底层使用getComputedStyle()

3.总结
(1)方法统一：获取和设置方法名一样，参数不同，作用也不同
(2)隐式迭代：偷偷的遍历
* a.获取类只会默认获取第一个
* b.设置类才会隐式迭代

(1)原生DOM注册事件本质：对象属性赋值语法 DOM事件源.onclick = function(){}
(2)jq注册事件本质：调用函数 $().click(事件处理函数);

五.html属性操作

jquery中的元素属性操作
a.文本内容
$().text()
$().html()
b.标准属性+自定义属性
获取/设置： $().attr()
移除： $().removeAttr()

六.表单元素属性操作

jquery语法
a.获取文本： $().val()
b.布尔类型属性： $().drop()

本文链接：https://blog.csdn.net/XiaLuoCXY/article/details/122222818

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

华三SDN产业链分析-程序员宅基地

文章浏览阅读218次。为什么80%的码农都做不了架构师？>>> ..._h3c virtual converged framework切片

手把手教你开发第一个HarmonyOS （鸿蒙）移动应用_鸿蒙移动应用开发-程序员宅基地

文章浏览阅读1.9w次，点赞44次，收藏268次。AndroidIOSHarmonyOS （鸿蒙）文档概览-HarmonyOS应用开发官网2.1.1 系统的定位搭载该操作系统的设备在系统层⾯融为⼀体、形成超级终端，让设备的硬件能⼒可以弹性扩展，实现设备之间硬件互助，资源共享。对消费者⽽⾔，HarmonyOS能够将⽣活场景中的各类终端进⾏能⼒整合，实现不同终端设备之间的快速连接、能⼒互助、资源共享，匹配合适的设备、提供流畅的全场景体验。⾯向开发者，实现⼀次开发，多端部署。_鸿蒙移动应用开发

AndroidStudio无代码高亮解决办法_android studio 高亮-程序员宅基地

文章浏览阅读2.8k次。AndroidStudio 升级到 4.2.2 版本后，没有代码高亮了，很蛋疼。解决办法是：点开上方的 File，先勾选 Power Save Mode 再取消就可以了。_android studio 高亮

swift4.0 valueForUndefinedKey:]: this class is not key value coding-compliant for the key unity.'_forundefinedkey swift4-程序员宅基地

文章浏览阅读1k次。使用swift4.0整合Unity出现[ valueForUndefinedKey:]: this class is not key value coding-compliant for the key unity.'在对应属性前加@objc 即可。或者调回swift3.2版本_forundefinedkey swift4

Spring Security2的COOKIE的保存时间设置_springsecurity 设置cookie失效时间-程序员宅基地

文章浏览阅读1.3k次。http auto-config="true" access-denied-page="/common/403.htm"> intercept-url pattern="/login.**" access="IS_AUTHENTICATED_ANONYMOUSLY"/> form-login login-page="/login.jsp" defau_springsecurity 设置cookie失效时间

view滑动冲突解决实战篇2（外部拦截法）_viewpage2外部拦截事件-程序员宅基地

文章浏览阅读1.1k次。继上篇内部拦截法需求还是跟上篇一样。只不过这次用外部拦截法来解决；只要在父容器添加如下代码就可以解决了滑动冲突，很简单，套模板就行 // 分别记录上次滑动的坐标(onInterceptTouchEvent) private int mLastXIntercept = 0; private int mLastYIntercept = 0; @Override public bo_viewpage2外部拦截事件

随便推点

Kotlin相关面试题_kotlin面试题-程序员宅基地

文章浏览阅读1.9w次，点赞26次，收藏185次。目录一.请简述下什么是kotlin？它有什么特性？二.Kotlin 中注解 @JvmOverloads 的作用？三.Kotlin中的MutableList与List有什么区别？四.kotlin实现单例的几种方式？五. kotlin中关键字data的理解？相对于普通的类有哪些特点？六.什么是委托属性？简单说一下应用场景？七.kotlin中with、run、apply、let函数的区别？一般用于什么场景？八.kotlin中Unit的应用以及和Java中void的区别？九.Ko_kotlin面试题