JQuery
2015-10-05 13:54
477 查看
<span style="color:#ff0000;">jQuery 名称冲突</span> jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
jQuery toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
$("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); });
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
HTTP 请求:GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。
相关文章推荐
- jQuery UI基础----14jQuery UI Widgets-spinner(下拉框
- jQuery UI基础----13jQurey UI Widgets-slider(滑动器
- jQuery UI基础----12jQuery UI Widgets-menu(菜单
- jQuery UI基础----11jQuery UI Widgets-progressbar(进度条
- jQuery UI基础----10jQuery UI Widgets-Dialog(对话框
- jQuery UI基础----9jQurey UI Widgets-Datepicker(日期选择器
- jQuery UI基础----8jQuery UI Widgets-AutoComplete(自动补全
- jQuery UI基础----7jQuery UI Widgets-Accordion(可折叠的
- jQuery实现CheckBox全选、全不选以及获取选中的值
- 小强HTML5手机发展之路(52)——jquerymobile触摸互动
- 一步一步学jQuery(五)
- electron Uncaught ReferenceError: jQuery is not defined
- (2015/10/5)jQuery实现鼠标悬停背景翻转的黑色导航菜单代码(状态:未完成)
- javascript jquery cons…
- 通用domReady方法,类似于jquery
- 不定义JQuery插件,不要说会JQuery
- jquery初步总结
- Jquery给easyui的表单元素赋值,获取值
- jquery的ajax方法:ajaxStart()和ajaxStop()
- jQuery UI基础----6jQuery UI Interactions-sortable(可分类的