Jquery
温建江
成功永远是掌握在自己的手中的。
展开
-
Juery1、基本选择器
1、基本选择器 (1)、根据id匹配元素 id (2)、根据给定的类名匹配元素 class (3)、 根据给定的元素名称匹配元素 例如p> (4)、*匹配所有的元素(通配符) (5)、集合元素,将每个选择器匹配的元素合并后一起返回。批量给元素绑定事件 $(docum原创 2013-03-31 22:22:46 · 848 阅读 · 0 评论 -
jQuery实现统计字数的功能模块
$(document).ready(function(){ var text=$("#edit_myfrom textarea").val(); var counter=text.length; $("#numtj var").text(110-counter); $(document).keyup(function() { var tex原创 2013-04-10 23:01:14 · 1198 阅读 · 0 评论 -
Jquery的对象和dom方式对象的区别及转化
jQuery对象和DOM对象使用说明,需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var原创 2013-03-26 20:39:46 · 690 阅读 · 0 评论 -
Jquery的开始
首先详细的介绍一下Jquery的发展历史和有点 Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为原创 2013-03-26 20:24:01 · 970 阅读 · 0 评论 -
jquery实现图片的向左和向右切换一组图片
jquery实现图片的向左和向右切换一组图片/*切换图片*/$(function(){ var $width=$("#div3").width(); var $div=$(".prolist_content"); var $page=1; //求出总的图片数原创 2013-04-08 23:11:15 · 3145 阅读 · 0 评论 -
jquery的图片的切换
1、主要功能介绍: 图片和文字实现对照隔时间滑动显示 鼠标移入图片停止切换 当鼠标移出继续图片的切换 文字高亮显示$(function(){ var $dingshi=''; var $len=$(".num >li").length; var index=0; $(".num li").原创 2013-04-08 23:08:56 · 1144 阅读 · 0 评论 -
jquery实现菜单的折叠并且变换图片
jquery实现菜单的折叠并且变换图片$(function(){ $("#p1").toggle(function(){ $(this).prev().slideToggle(100,function(){ $("img","#p1").attr("src","images/up.gif");原创 2013-04-07 23:00:21 · 1957 阅读 · 0 评论 -
jquery的小效果1、(实现一个下列表的滑动)
主要jquery的代码:$(function(){ $("#navigation ul li").hover(function(){ $(this).children("ul").stop(true,true).slideDown(400); },function(){ $(this).chil原创 2013-04-07 22:49:20 · 796 阅读 · 0 评论 -
jquery新闻的动态滚动
//实现新闻动态的滚动$(function(){ var $this=$(".scrollNews"); var scoler=''; $(".scrollNews").hover(function(){ //清除定时器 clearInterval(scoler原创 2013-04-07 22:55:51 · 1525 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.原创 2013-04-06 20:27:59 · 759 阅读 · 0 评论 -
Jquery实现的翻页功能(在mvc中实现的)
1、这是page.tpl中的文件 2、这是pageHelperclass pageHelper{ //这个方法的作用是根据参数,返回字符串 public function show($total,$pagesize,$page){ $pages = ceil($t原创 2013-04-05 23:22:27 · 1394 阅读 · 0 评论 -
Jquery实现的小功能2、显示品牌的列表
主要功能介绍:点击显示全部显示品牌则出现全部的商品 如果在点击全部商品则会又出现精简列表 利用css样式实现的功能: 鼠标移到商品上还会出现换色 让商品显示的格局比较美观一些原创 2013-04-01 20:30:16 · 974 阅读 · 0 评论 -
Jquery的小案例4、实现表单的验证(用户名和邮箱)
//在此处的Jquery文件封装的js文件下载地址:http://download.csdn.net/detail/feilong_12/5210621 $(function(){ $(":input").each(function(){ var $ss=$("*");原创 2013-04-01 20:43:24 · 1242 阅读 · 0 评论 -
Jquery实现的小案例3、小选项卡
实现的功能介绍:实现点击一个模块的内容然后出现各自属于自己的内容 利用css样式实现的功能 在鼠标移上去会实现变色 会变成小手、、、 *{margin:0;padding:0} body{font-s原创 2013-04-01 20:38:43 · 769 阅读 · 0 评论 -
Juery实现的小案例1、实现复选框的全选、全不选以及反选
//在此处的Jquery文件封装的js文件下载地址:http://download.csdn.net/detail/feilong_12/5210621 $(function(){ $("#checkAll").click(function(){ $(":checkbox").attr("ch原创 2013-04-01 20:22:40 · 837 阅读 · 0 评论 -
Jquery进行文本处理时,总共分为6种模式:内部插入、外部插入、包裹、替换、删除、复制
今天开始学习Jquery文本处理,在使用Jquery进行文本处理时,总共分为6种模式:内部插入、外部插入、包裹、替换、删除、复制。下面我们对它进行一一分析。1.内部插入:对匹配的对象元素进行内容的追加(内部)关键字:append appendTo prepend prependToappend-->在匹配对象元素(后面)追加指定内容格式:$("element").appen原创 2013-05-06 14:18:37 · 2731 阅读 · 0 评论