JavaWeb04-jQuery(Java真正的全栈开发)

广告投放合作详谈加QQ号2524138991

jQuery

一.jQuery入门

1.javascript类库

JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。

核心理念是write less,do more(写得更少,做得更多)

当前流行的 JavaScript 库有:

jQuery 使用非常多了

EXTJS 功能比jQuery更多,但ext2.0收费

Prototype 一般用于做框架

YUI! (Yahoo! User Interface)

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷

2.jQuery介绍

jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。

jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。由美国人John Resig在2006年1月发布

jQuery是免费、开源的

jQuery分类:

WEB版本:我们主要学习研究 (jQuery-版本.js 、 jQuery-版本-min.js)

UI版本:集成了UI组件

mobile版本:针对移动端开发

qunit版本:用于js测试的

jquery官网

我们接触到的版本

3.导入jQuery

通过script标签的src属性导入即可

二.jQuery基本操作

1.获得jQuery对象

语法:$(选择器或者DOM对象) 或 jQuery(选择器或者DOM对象)

$ == jQuery

2.DOM对象和jQuery对象之间的转换

注意:jQuery对象使用jquery的api(方法、函数)。DOM对象使用 dom 的函数、属性等。不能混淆使用。

三.选择器

基本,层次,基本过滤,内容过滤,可见性过滤,属性,子元素过滤,表单过滤,表单对象属性过滤

1.基本

id选择器,

语法:$("#id值")

元素(标签)选择器

语法:$("标签")

类(class)选择器

语法:$(".class名称")

所有

语法:$("*")

多选择

语法:$("选择器1,选择器2,....")

2.层次

所有子孙元素

语法:$("A B") --> A标签中 所有的B标签

所有孩子元素

语法:$("A > B") --> A标签中 所有的子标签中B标签。

后面第一个兄弟

语法:$("A + B") --> A标签后面的第一个兄弟

后面的所有兄弟

语法:$("A ~ B") --> A标签后面的所有兄弟

3.基本过滤

:first 获得第一个

:last 获得最后一个

:not(选择器) 过滤不需要内容

:even 所有偶数,从0开始

:odd 所有奇数

:eq(索引值) 指定下标

:gt(索引值) 大于

:lt(索引值) 小于

:header 所有 ...

:animated 动画

:focus 焦点

4.内容过滤

:contains(text) 是否包含指定的内容

:empty 是否为空,不包含子元素、不包含文本

:has(选择器),当前元素,是否还有指定的孩子。

:parent 不为空,(有子节点的元素)

5.可见性过滤

:hidden 所有隐藏的(存在浏览器兼容问题)

:visible 所有可见的

6.属性

[attribute] 有此属性的元素

[attribute=value] 有属性值为value的元素

[attribute!=value] 属性值不等于value的元素

[attribute^=value] 属性值以value开头的元素

[attribute$=value] 属性值以value结尾的元素

[attribute*=value] 属性值含value的元素

[属性表达式1] [属性表达式2]... 复合属性选择器 需要同时满足多个条件时使用

7.子元素过滤

:nth-child() 指定孩子 ,从1开始。

:first-child 第一个孩子

:last-child 最后一个孩子

:only-child 自己是唯一的孩子

8.表单过滤

:input 表示所有的表单元素(input, textarea, select 和 button)

:text 文本

:password 密码

:radio 单选

:checkbox 复选框

:submit 提交

:image 按钮,可以显示图片

:reset 重置

:button 按钮 或

:file 文件上传

:hidden

(存在浏览器兼容问题)

9.表单对象属性过滤

:enabled 可以使用

:disabled 不可使用

:checked 选中的元素(单选框和多选框)

:selected 选中的元素(下拉选)

四.属性和样式

属性,类class,html代码/文本/值,css,位置,尺寸

1.属性

attr(name) 通过属性名获得属性值。

attr(key,val) 给指定的属性设置值。(设置一个)

attr(pro) 给jQuery对象设置一组值。使用JSON格式。

{key:value , key : value , .....} key必须使用双引号,value如果字符串也必须使用双引号。

使用单引号,属于畸形格式json

removeAttr(name) 将执行属性移除

2.类class

操作的是标签的class属性

addClass(class名称) 追加一个class值

removeClass(class) class移除

toggleClass(class) 添加和移除切换。如果没有就添加,如果有就移除。

3.html代码/文本/值

操作的是标签的value属性或者标签体

val() 获得 value属性的值。

val(值) 设置值

html() 获得标签体内容,以标签方式

html(值) 设置内容

text() 获得标签体内容,以文本方式

text(值) 以文本方式设置内容

4.css

操作的是标签的样式

css(name) 获得样式

css(name,value) 设置样式

css(pro) 使用json设置一组样式

5.位置

offset() 获得位置,返回json数据。格式:{"top": xx , "left" : yy}

offset(坐标) 设置位置

position() 获得相对父元素偏移

scrollTop([val]) 获得 或 设置 垂直滚动条的位置

scrollLeft([val]) 获得 或 设置 水平滚动条的位置

6.尺寸

height([val]) 获得 或 设置 高度

width([val]) 获得 或 设置 宽度

五.文档处理

内部插入,外部插入,复制,替换,删除,包裹

1.内部插入

A.append(B) ,将B插入到A内部的后面。(追加到后面)

A.prepend(B) ,将B插入到A内部的前面。(追加到前面)

A.appendTo(B) , 将A插入到B内部的后面。(追加到后面)

A.prependTo(B) 将A插入到B内部的前面。(追加到前面)

2.外部插入

A.after(B),将B插入到A后面

A.before(B) ,将B插入到A前面

A.insertBefore(B) ,将A插入到B前面

A.insertAfter(B) ,将A插入到B后面

3.复制

clone(event [,deepEven])

参数1:表示是否克隆事件

参数2:子元素中绑定数据是否被克隆。

4.替换

A.replaceWith(B) 使用B替换掉A

A.replaceAll(B) 使用A替换掉所有的B

5.删除

empty() 清空标签体内容,删除所有子元素

remove() 将指定对象移除,返回值为移除对象。但此对象将绑定事件,绑定数据都一并移除。

detach()将指定对象移除,返回值为移除对象。但此对象保留 绑定事件,绑定数据 等。

6.包裹

wrap(...) : 每一个匹配元素使用指定的内容包裹。

wrapAll(...):所有的元素使用一个指定的内容包裹

wrapInner(...):子节点使用指定的内容包裹。

unwrap(): 移出该元素的父元素。

广告投放合作详谈加QQ号2524138991

获取更多资源加微信公众号【Java帮帮】 (是公众号,不是微信好友哦)

还有【Java帮帮】QQ空间,技术文章,视频,面试资料;免费分享,欢迎关注!

学习交流请加【Java帮帮】自学交流QQ群553841695

专业做网站建设公司有哪些(企业如何选择)

专业做网站建设公司有哪些?BOSSCMS、好推建站、企引科技是其中的佼佼者。这三家公司都是专业从事网站建设的公司,他们的服务范围广泛,包括网站设计、网站开发、网站优化、网站维护等。在这篇文章中,我们将会对这三家公司进行详细的介绍,并且分析出哪家公司更适合你的需求。

1、BOSSCMS

BOSSCMS是一家专业的网站建设公司,成立于2005年。公司总部位于广州,是中国领先的网站建设公司之一。BOSSCMS的服务范围非常广泛,包括网站设计、网站开发、网站优化、网站维护等。BOSSCMS的设计师和开发人员都是经验丰富的专业人士,他们能够为客户提供高质量的服务。

BOSSCMS的优势在于他们的技术实力和服务质量。BOSSCMS的技术团队拥有丰富的经验和专业知识,能够为客户提供高质量的网站建设服务。此外,BOSSCMS的客户服务团队也非常专业,能够为客户提供及时、周到的服务。

2、好推建站

好推建站是一家专业的网站建设公司,成立于2010年。公司总部位于深圳,是中国领先的网站建设公司之一。好推建站的服务范围广泛,包括网站设计、网站开发、网站优化、网站维护等。好推建站的设计师和开发人员都是经验丰富的专业人士,他们能够为客户提供高质量的服务。

好推建站的优势在于他们的创意和服务质量。好推建站的设计师拥有丰富的创意和想象力,能够为客户提供独特的网站设计方案。此外,好推建站的客户服务团队也非常专业,能够为客户提供及时、周到的服务。

3、企引科技

企引科技是一家专业的网站建设公司,成立于2013年。公司总部位于北京,是中国领先的网站建设公司之一。企引科技的服务范围广泛,包括网站设计、网站开发、网站优化、网站维护等。企引科技的设计师和开发人员都是经验丰富的专业人士,他们能够为客户提供高质量的服务。

企引科技的优势在于他们的创新和服务质量。企引科技的设计师和开发人员拥有丰富的创新能力和技术知识,能够为客户提供独特的网站设计方案。此外,企引科技的客户服务团队也非常专业,能够为客户提供及时、周到的服务。

如何选择适合自己的网站建设公司?

选择适合自己的网站建设公司需要考虑以下几个方面:

服务范围:不同的网站建设公司的服务范围不同,需要根据自己的需求选择适合自己的公司。

技术实力:网站建设需要专业的技术支持,需要选择技术实力强的公司。

创意和想象力:网站建设需要独特的设计方案,需要选择创意和想象力强的公司。

服务质量:网站建设需要及时、周到的服务,需要选择服务质量好的公司。

综合以上几个方面,我们可以得出以下结论:

如果你需要技术实力强、服务质量好的网站建设公司,可以选择BOSSCMS;如果你需要创意和想象力强、服务质量好的网站建设公司,可以选择好推建站;如果你需要创新能力强、服务质量好的网站建设公司,可以选择企引科技。

综上所述,选择适合自己的网站建设公司需要综合考虑多个方面,需要根据自己的需求选择适合自己的公司。

本站内容来自用户投稿,如果侵犯了您的权利,请与我们联系删除。联系邮箱:835971066@qq.com

本文链接:http://news.xiuzhanwang.com/post/2142.html

友情链接: