您现在的位置:计算机技术学习网 > 技术中心 > WEB编程 > JSP >

jquery学习。。

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 09:18 点击:

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);

 

 

 

 
本文出自 “宋叶子” 博客

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • JSP与Servlet
      • 自己动手写MiniBBS系列(基本篇)之用户登录
      • JSP取当前日期
      • JDBC 入门(一)
      • 打开一个jsp页面默认查询所有数据,调用action
      • 使用JSP标签库验证用户的输入(2)完
      • WIN98/2000下的jsp服务器
      • 自定义JSP标签(tag)浅议
      • Struts学习傻瓜式入门篇
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1