灯塔10.26--JQuery属性、位置、尺寸
  qC0u345MAk81 2023年11月02日 45 0


JQuery 属性操作

设置或获取元素固有属性值 prop()

固有属性就是元素本身自带的属性,比如 href,title
获取固有属性:灯塔10.26--JQuery属性、位置、尺寸_自定义属性(“a”))上
data()方法可以在指定的元素上存取数据,并不会修改 DOM元素结构。一旦页面刷新,之前存放的数据都将被移除。

JQuery 内容文本值

设置标签里的内容元素: html()
获取设置元素文本内容: text()
获取设置表单值:val()

JQuery 元素操作

遍历

灯塔10.26--JQuery属性、位置、尺寸_自定义属性_02

var arr=["red","green","blue"];
$("div").each(function(i,domEle){
  console.log(i);
  console.log(domEle);
  $(domEle).css("color",arr[i]);
}
$.each($("div"),function(i,ele){
    console.log(i);
  console.log(ele);
})

创建元素

$(function(){
  //创建元素
 var li = $("<li>我是创建出来的</li>");
  //内部添加元素
   $("ul").append(li);//内部添加并且放在内容的最后面
   $("ul").prepend(li);//内部添加并且放在内容的最前面
  //外部添加元素
  var div=$("<div>我是创建出来的div</div>");
  $(".test").after(div);
  $(".test").before(div);
  
})

删除元素

$("	ul").remove();//删除匹配元素
$("ul").empty();//可以删除匹配元素里面的子节点
$("ul").html("");//可以删除匹配元素里面的子节点

JQuery 位置和尺寸操作

尺寸

灯塔10.26--JQuery属性、位置、尺寸_自定义属性_03

位置

灯塔10.26--JQuery属性、位置、尺寸_属性值_04

JQuery 事件

单个事件的注册

element.事件(function(){})

事件处理 on()绑定事件

element.on({
  事件1:function(){
    
  },

})

on 实现事件委托


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
qC0u345MAk81