Jquery常用标签

$(this).hide(1000)//隐藏该元素

$(this).show(1000)//显示该元素

$(this).fadeIn(1000)//淡入已隐藏的元素

$(this).fadeOut(1000)//淡出已隐藏的元素

$(this).toggle(1000)//切换该元素的显示或隐藏状态

$(this).fadeToggle(1000)//淡出显示元素/淡入隐藏元素

$(this).slideUp(1000,callback)//下滑显示该模块

$(this).fadeTo("slow",0.5,showhello())//渐变为一半的浓度 ，然后执行showhello函数

$(选择到的元素).toggle(速度,返回函数名);

$(this).toggle(500,showhello())

var showhello=()=>{alert('hello')}

 

1.捕获元素

$(this).html   $(this).text

$("#btn2").click(function(){
alert("HTML: " + $(this).attr("mytap"));
});

<button id="btn2" mytap="这是一个随便写的内容">显示 HTML</button>

输出结果:HTML: 这是一个随便写的内容

 

prop()函数和attr()函数的区别

prop()函数的结果:

      1.如果有相应的属性，返回指定属性值。

      2.如果没有相应的属性，返回值是空字符串。

attr()函数的结果:

      1.如果有相应的属性，返回指定属性值。

      2.如果没有相应的属性，返回值是 undefined。

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用 attr 方法。

具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()

添加元素的四类方法

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

删除元素的方法

$(this).remove();//删除该元素及其子元素

$(this).empty();//删除该元素的子元素

例子：

$(this).remove(".mycalss") //删除 元素中 calss为myclass的元素

 

操作Class属性

$(this).addclass("mycalsss")

$(this).removeClass("myclass")

$(this).toggleClass("myclass")//该方法对被选元素进行添加/删除类的切换操作

获取该元素的css属性

$(this).css("background-color");//获取该元素的这个属性

$(this).css("background-color","#FF7F24");//修改该元素的属性值

 

转载于:https://www.cnblogs.com/codezhao/p/10410874.html