码迷,mamicode.com
首页 > 编程语言 > 详细

JQuery选择器

时间:2018-01-02 18:15:39      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:JQuery选择器

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

JQuery 介绍:

用于搜索HTML标记 制作动画效果 ajax也封装在里面 也简化了ajax的操作 以往我们都是拿标记的id来拿到标记 但是jquery就完美的解决了标记定位 jquery是拿javascript做出来的框架 想要使用jquery你就得下载jquery 用它就是为了简化javascript操作

下载地址:

http://jquery.com/download

image

image

迷你版本就是她会给你代码中的空格注释换行全部去掉 这样文件大小只有80多kb 普通版本有空格换行注释 有200多kb

Jquery使用:

测试jquerys是否正常 首先你要把jquery引入到你的HTMl或者jsp代码中 在script标记中泻如下图 如果浏览器有弹出Hello World就代表没什么问题了!

image

image

$ 他就是一个函数的名字 就是一个$ 方便好认识 因为jquery很多操作就要依赖这个函数

$ 函数的作用:

选择器 就是你给他一个文本或者id或者样式表 他就会给反馈一个对象给你

包装-简化操作 它里面有包装好的方法 是为了简化你的操作 比如隐藏标记 添加标记 ... 她有包装好的函数给你使用! 这样的好处在于简化了对标记的操作

$(docume) 里面传对象就是让他将这个对象进行包装 函数也一个是对象

$(“aa”) 里面传的是字符串就是使用选择器寻找对象

Jquery的选择器:

Jquery的选择器写法和CSS样式的命名是一样的 测试如下图: 如果你的javascript写在最下面 就没必要加 ready了

image

image

执行顺序:

测试数据表明 不管代码顺序怎么写 永远先执行里面的对象 其次再执行函数

image

拿jquery给标记添加事件

image

JQuery选择器

标签:JQuery选择器

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
凯哥学堂
加入时间:2016-10-07
  关注此人  发短消息
java学习视频下载:www.kaige123.com
凯哥学堂”关注的人------(0
凯哥学堂”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!