码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基础

时间:2018-05-12 16:20:08      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:基本   资源   常用   ext   对象   for   otc   基础   移除   

前言:

jQuery就是个JS文件,是JS写的一个插件库。jQuery能实现的,JS肯定能实现;JS能实现的,jQuery未必能实现。JS是爸爸,jQuery是儿子。

这个网站:http://www.bootcdn.cn/jquery/,可以下载JQuery文件,也可以在线引用。

开发用完整版的,上线时用mini版。mini版把所有的注释、换行全去掉了,是压缩过后的文件,小了很多。可以减少很多资源。

 

一、引入方式

(一).本地引用

技术分享图片

(二).在线引用

技术分享图片

 

二、基本使用

(一).基本写法

在jQ中,使用选择器选择元素。(和在CSS中使用CSS选择器是一样的)

技术分享图片

美元符"$"是"jQuery"这个关键词的简洁。没有哪个程序猿有那么多时间去写这个完整的关键词,都是用美元符。

(二).JS与jQuery之间相互转换

(1).jQuery转成JS(两种方式任选其一)

$("#box")[0] 或 $("#box").get(0)

(2).JS转成jQuery

$("JS对象"),然后才可以用"点"来调用jQuery方法。

(三).jQuery把大多数的JS,方法化了

比如:getElementById("box").innerHTML

在jQ中就变成了:$("#box").html()。注意,括号中不加参数是获取值,加了参数就是修改值。

补充:length是为数不多的属性。

 

四、jQuery常用的方法

(一).修改内容

html() 和 text()

(二).转换

get()/[] 和 $()

(三).点击

click()

(四).鼠标经过

hover()

(五).追加

append()

(六).添加

prepend()

(七).前后

before() 和 after()

(八).移除

empty() 和 remove()

 

jQuery基础

标签:基本   资源   常用   ext   对象   for   otc   基础   移除   

原文地址:https://www.cnblogs.com/quanquan616/p/9028872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!