jQuery技术

jquery学习。。

字号+ 作者:H5之家 来源:H5之家 2016-01-16 10:50 我要评论( )

jquery:即JS库; script type=text/javascript src=jquery.js/script script $(doucument).ready(function(){ $(selector).click(function(){ $(selector).hide(); }); }); /script jquery选择器 1.jquery元素选择器 $(p)选取p元素 $(.p)选取class=p的元素 $

jquery:即JS库;
<script type="text/javascript" src="jquery.js"></script>
<script>
 $(doucument).ready(function(){
   $(selector).click(function(){
     $(selector).hide();
});
});
</script>
jquery选择器
1.jquery元素选择器 $("p")选取p元素 $(".p")选取class=p的元素 $("#p")选取id=p的元素
2.jquery属性选择器 $("[href]");选取带有href属性的元素 $("[href$='.jpg']");选取href值以.jpg结尾的元素
3.jquery css选择器 $("p").css("background-color","red");

jquery事件函数
为解决命名冲突 var jq=jquery.noconflict();
$(document).click();$(document).dbclick();

jquery效果
隐藏,显示,切换,滑动及自定义动画
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
$(selector).slidedown(speed,callback);
$(selector).slideup(speed,callback);
$(selector).slidetoggle(speed,callback);
$(selector).fadeIn(speed,callback);
$(selector).fateout(speed,callback);
$(selector).fateto(speed,callback);
$(selector).animate({paragram});

jquery html 操作
$(selector).html(content);
$(selector).append(content);
$(selector).after(content);
$(selector).before(content);

jquery css操作
$(selector).css(name,value);
$(selector).css(properities);
$(selector).css(name);


jquery ajax操作
$(selecor).load(url,data,callback);

 

 

 

 
本文出自 “宋叶子” 博客

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
l