随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

jQuery核心方法

1、$(document.body).css( "background", "black" );

2、$(myForm.elements).hide();隐藏表单所有元素。

3、$("<input type='checkbox'>").appendTo("body");将动态input标签追加到body

4、$(document).ready(function (){ });===》简写:$(function (){ 文档就绪 });

5、$.holdReady();允许调用者延迟jQuery的ready事件
eg:延迟就绪事件直到已加载插件。
$.holdReady(true);
$.getScript("myplugin.js", function() {
$.holdReady(false);
});

6、each(callback);,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。
eg:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});

可使用return跳出each循环
eg:
$("button").click(function () {
$("div").each(function (index, domEle) {
// domEle == this
$(domEle).css("backgroundColor", "yellow");
if ($(this).is("#stop")) {
$("span").text("Stopped at div index #" + index);
return false;
}
});
});

7、size(); jQuery 对象中元素的个数。
8、length(); jQuery 对象中元素的个数。

9、selector; 确定查询的选择器(返回你用什么选择器来找到这个元素的)
10、context; 返回传给jQuery()的原始的DOM节点内容.
11、get(index):返回指定的第几个元素
eg:$("img").get(0); 返回第0张图片

12、使用DOM Core来获取某元素的指定属性:element.getAttribute("属性值")

eg.

<img src="demo3.html" id="pic"/>

 

alert(document.getElementById('pic').getAttribute("src"))

结果:demo3.html

 

posted on   小虾米吖~  阅读(146)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」

点击右上角即可分享
微信分享提示