jquery里面的一些方法使用

prop(“属性名”);  //获取属性名

prop(“属性名”,“属性值”);  //设置属性名

change(fucntion(){  //当元素的值发生改变时,会发生 change 事件。

})     //该事件仅适用于文本域(text field),以及 textarea 和 select 元素。

attr(“index”); //获取自定义属性,当该方法用于返回属性值,则返回第一个匹配元素的值

attr(“index”,“4”);  // 设置自定义属性,当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

attr(“data-index”) //获取h5的自定义属性

数据缓存 data

data(“uname”,“jack”); //data 取值之后会放入 jQuery 元素对象的缓存 ( dataset ) 中,之后变动也是在缓存中。

data(index) //可以获取h5属性 index的前面不需要写 data-  返回的是一个数字

:checked //查找被选中的表单元素

html() //获取元素里面的内容 标签正常输出
html(“123”);  //设置元素里的内容

获取文本内容
text(); //只获取文本的内容
text("123"); //设置文本的内容 

each() //方法遍历元素

$("div").each(function(index,domEle){  //括号里面的是索引号  和dom元素对象

xxx;

})

$.each($("div),function(i,ele)){ //主要进行处理数据 i是索引 ele是值  可以使一个数组也可以是一个对象


}

创建元素
$("<li>1</li>");
内部添加 父子关系
$("ul).append(li); 放到内部的最后面

$("ul).prepend(li); 放到内部的最前面

外部添加 兄弟关系
$(".test).after(div);
$(".test).before(div);

删除元素
$("ul").remove(); //删除整个匹配的元素
$("ul").empty(); 删除匹配元素的子节点
$("ul").html(""); 删除匹配的元素里面的子节点,跟empty类似

posted on 2020-10-30 18:09  sbird  阅读(101)  评论(0编辑  收藏  举报

导航