【整理】jquery操作之杂七杂八

最新推荐文章于 2022-12-31 22:55:30 发布

步慢生错

最新推荐文章于 2022-12-31 22:55:30 发布

阅读量584

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： jquery function office extension file html

本文链接：https://blog.youkuaiyun.com/yukon12345/article/details/6831560

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript的基本操作技巧，包括使用$(document).ready()确保DOM加载完成后再执行操作、修改和获取HTML内容、添加和移除CSS类、修改元素样式、获取元素尺寸及属性等。此外还涉及了复选框控制、AJAX请求的实现方法以及简单的数组克隆技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于某度众所周知的举动，让我搬离写了5年的渣度空间，准备把技术性的文章定在优快云了。这些都是文章备份。勿怪。。

简单却容易忘记不是经常写js的人员还真不容易记住

使用必写：

$(document).ready( function() {})

操作innerHTML：

$("name").html("这里写html")

获取：

html=$("name").html()

操作class：

$("name").addClass("新类名").removeClass("老类名")

修改外观：

$("name").css("名","值")

修改好几项：用obj类型

$("name").css({"名":"值","名":"值"})

获取css值：

=$("name").css("名")

获取某物高宽快捷方式：

$("name").height();

$("name").width();

获取各种属性。比如ID

$("name").attr("id")

获取图片后缀名：

path=$("name").attr("src")

extension=path.slice(path.lastIndexOf(".")+1);

控制checkbox：

$("#某东西ID").mousedown(function(){//点击某个元素
if($(this).find(".check_file").attr('checked')){//有就取消
$(this).find(".check_file").attr('checked',false)}//注意是false不是“false”
else{$(this).find(".check_file").attr('checked',true)}

})

ie中对checkbox使用change方法不起作用：改用click

function check_all(){
$("#check_all").click(function(){
$(".check_file").attr("checked",$(this).attr("checked"))

}
)}

使用ajax：

$office_rooms=$("#office_rooms")
$office_rooms.html('<img src="../img/ajaxing.gif" />正在获取信息...')
$.ajax({
url:"get_room.php", //发送给的页面
type:"POST", //发送类型
dataType:"text", //获取的值类型
timeout:5000, //超时时间
data:{"id":id},
success:function(text){//成功后操作
$office_rooms.html(text);
} ,
error:function(){//失败后操作
$office_rooms.html("<span style='color:red'>请求超时，请检查网络和服务器！</span>")
}

})

另外还有个js类似php的foreach循环：

for(var key in data){

value= data[key]

...

}
var value = data[key];}

js克隆一个数组或者对象

Array.prototype.clone=function(){ return this.slice(0); }