首页 > Web开发 > 详细

jquery简单功能

时间:2019-08-01 17:23:55      阅读:76      评论:0      收藏:0      [点我收藏+]

//元素选择
$(this).hide();
$("p.test") //隐藏所有class="test"的<p>元素
$("p:first") //选取第一个<p>元素
$("a[target=‘_blank‘]") ///选取所有target属性值等于"_bLank"的<a>元素

//文档就绪事件
$(document).ready(function() {
//.........
})

//jquery事件
$("p").click(function() {
//执行代码
});

//jquery隐藏/显示
$("p").hide(speed); //速度
$("P").show(speed);
$(selector).hide(speed, callback); //可以添加回调函数
$(selector).toggle(speed, callback); //来回切换两种方法

//淡入淡出
$(selector).fadeIn(speed, callback);
$(selector).fadeOut(speed, callback);
$(selector).fadeToggle(speed, callback);
$(selector).fadeTo(speed, opacity, callback); //允许渐变为给定的不透明度

//滑动
$(selector).slideDown(speed, callback); //可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
//可选的 callback 参数是滑动完成后所执行的函数名称。
$(selector).slideDown(speed, callback);
$(selector).slideUp(speed, callback);
$(selector).slideToggle(speed, callback);

//动画
$(selector).animate({params},speed,callback);
//当使用animate()时,必须使用Camel标记法书写所有的属性名 例如padding-left => paddingLeft
//jQuery stop()方法用于停止动画或效果,在他们完成之前。

捕获内容
text() html() val()
设置属性的值
$(selector).attr("href","http://www.com");
添加新的内容
$("p").append("追加文本")
$("P").preappend("在开头追加文本");
append/prepend 是在选择元素内部嵌入
after/before 是在元素外面追加
jQuery remove()删除被选元素,包括子元素 empty()删除被选元素子元素

设置css属性
css({"propertyname":"value","propertyname":"value",...});

jquery简单功能

原文:https://www.cnblogs.com/zhangwensi/p/11283632.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!