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

程序员文章站 2022-05-24 18:14:45

...

jquery基础学习笔记-PHPer许琴-专注于PHP技术
jQuery 是一个 JavaScript 函数库。 jquery基础学习札记-PHPer许琴-专注于PHP技术

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") 每个