您好,欢迎访问一九零五行业门户网

jquery基础学习札记-PHPer许琴-专注于PHP技术

jquery基础学习笔记-phper许琴-专注于php技术
jquery 是一个 javascript 函数库。
jquery 库包含以下特性:
    html 元素选取
    html 元素操作
    css 操作
    html 事件函数
    javascript 特效和动画
    html dom 遍历和修改
    ajax 异步、交互javascript及xml方法
    utilities 实用工具
jquery 语法是为 html 元素的选取编制的,可以对元素执行某些操作。$(selector).action();
jquery 选择器:
jquery 元素选择器:例如:$(p#demo) 选取 id=demo 的第一个
元素。
jquery 属性选择器:例如:$([href$='.jpg']) 选取所有 href 值以 .jpg 结尾的元素。
jquery css 选择器:例如:$(p).css(background-color,red);把所有 p 元素的背景颜色更改为红色。
jquery 名称冲突;如果存在名称冲突,则重命名 jquery 库:var jq=jquery.noconflict(); 然后将$替换成jq
如果您希望在一个涉及动画的函数之后来执行语句,请使用 callback 函数。
$(p).hide(1000,function(){
alert(the paragraph is now hidden);
});
jquery 提供了用于 ajax 开发的丰富函数(方法)库。
通过 jquery ajax,使用 http get 和 http post,您都可以从远程服务器请求 txt、html、xml 或 json。
1、jquery选择器的各种用法
$(this) 当前元素
$(p) 所有
元素
$(input) 所有input元素
$(.intro) 所有 class=“intro” 的元素
$(p.intro) 所有 class=intro 的
元素
$(#intro) id=intro 的第一个元素
$(ul > li) ul下的所有li节点
$(ul li:first) 每个
的第一个 元素
$([href$='.jpg']) 所有带有以 .jpg 结尾的 href 属性的属性
$(div#intro .head) id=intro 的 元素中的所有 class=head 的元素
$(li[a:contains('register')]) 内容包含register的元素
$(input[@name=bar]) name是bar的元素
$(input[@type=radio][@checked]) type是radio的元素
$(“li”).not(“ul”) li下没有包含ul节点的节点元素
$(span[@id]) 包含id属性的元素
$([@id=span1]) id为span1的节点元素
2、jquery事件器的介绍
$(selector).click() 被选元素的点击事件
$(selector).dblclick() 被选元素的双击事件
$(selector).focus() 被选元素的获得焦点事件
$(selector).mouseover() 被选元素的鼠标悬停事件
$(selector).css(); 被选元素的css事件
$(selector). hide(); 被选元素的隐藏事件
$(selector). show('slow'); 被选元素的显示事件
更多php学习>> phper许琴-专注于php技术 http://xuqin.blog.51cto.com/
其它类似信息

推荐信息