Jquery 学习-菜鸟教程
程序员文章站
2022-05-12 09:57:03
jquery效果和元素选择 jquery遍历 ......
jquery效果和元素选择
//元素选择 $(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遍历