jQuery

最新推荐文章于 2020-11-29 22:39:38 发布

Dime_w

最新推荐文章于 2020-11-29 22:39:38 发布

阅读量289

点赞数 1

分类专栏： jQuery基础

本文链接：https://blog.csdn.net/dime_w/article/details/79976577

版权

jQuery基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>

基础语法： $(selector).action()

美元符号定义 jQuery

选择符（selector）"查询"和"查找" HTML 元素

jQuery 的 action() 执行对元素的操作

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有 <p> 元素

$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

$("#test").hide() - 隐藏所有 id="test" 的元素

关于 : 和 [] 这两个符号的理解

：可以理解为种类的意思，如：p:first，p 的种类为第一个。

[] 很自然的可以理解为属性的意思，如：[href] 选取带有 href 属性的元素。

click()方法是当按钮点击事件被触发时会调用一个函数。

dblclick()当双击元素时，会发生 dblclick 事件。

mouseenter()当鼠标指针穿过元素时，会发生 mouseenter 事件。

mouseleave()当鼠标指针离开元素时，会发生 mouseleave 事件。

mousedown()当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。

mouseup()当在元素上松开鼠标按钮时，会发生 mouseup 事件。

hover()方法用于模拟光标悬停事件。

focus()当元素获得焦点时，发生 focus 事件。

blur()当元素失去焦点时，发生 blur 事件。

使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

fadeIn() 用于淡入已隐藏的元素

jQuery fadeOut() 方法用于淡出可见元素。

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

adeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）

slideDown() 方法用于向下滑动元素

slideUp() 方法用于向上滑动元素

slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

$(selector).animate({params},speed,callback) animate() 方法用于创建自定义动画。

DOM = Document Object Model（文档对象模型）

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() - 设置或返回表单字段的值

attr() 方法用于获取属性值。alert($("#runoob").attr("href"));

回调函数function有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值：$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
});
});

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

append/prepend 是在选择元素内部嵌入。

after/before 是在元素外面追加。

$("body").append(txt1,txt2,txt3);

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

css() 方法设置或返回被选元素的一个或多个样式属性。

$("p").css({"background-color":"yellow","font-size":"200%"});

parent() 方法返回被选元素的直接父元素。

parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素html

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

children() 方法返回被选元素的所有直接子元素。

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代

siblings() 方法返回被选元素的所有同胞元素。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

first() 方法返回被选元素的首个元素。

last() 方法返回被选元素的最后一个元素。

eq() 方法返回被选元素中带有指定索引号的元素。

filter()方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

not() 方法返回不匹配标准的所有元素。

AJAX：

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

$.post() 方法通过 HTTP POST 请求向服务器提交数据。