JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档标签: jquery

jquery提示框(tip)插件介绍与使用教程.

jquery提示框(tip)插件 官方地址 http://craigsworks.com/projects/qtip/ 下载地址 http://craigsworks.com/projects/qtip/download 演示地址 http://craigsworks.com/projects/qtip/demos/ 演示地址:http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html...
此文被围观2667次  分类: 前端设计 标签:  ······

jquery获取父级元素、同级元素、子元素方法 .

现在页面很多地主要对元素进行操作. 一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a> <a id="href_sec" href="#">href_sec</a> <a id="href_thr" href="#">href_thr</a></div> <span id="par_span"> <a id="href_fiv" href="#">href_fiv</a> </span> $(document).ready(function(){ $("a").parent().addClass('a_par'); }); 二、获取同级元素: 1、next([expr]): 获取指定元素的下一个同级元素(注意是下一个...
此文被围观3813次  分类: 前端设计 标签:  ···

jQuery解决与其他框架冲突的方法.

要制作页面的时候可能会引用多个框架,比如:jquery、mootools、prototype等框架,可能就会造成冲突, jQuery解决与其他框架冲突的方法: [js] <script type="text/javascript"> jQuery.noConflict(); </script> [/js]...
此文被围观3810次  分类: 前端设计 标签:  ····

php json_decode,php使用json_decode返回NULL.

php json_decode,php使用json_decode返回NULL 在使用Thinkphp做项目的时候经常用到jquery ajax获取数据,从PHP页面返回JSON数据,但是有时中方字体出现空白的现象。 php5.2以后自带json_decode函数,但是对json文本串的格式要求非常严格。 很可能使用该函数得到的返回值是NULL 使用json_last_error()函数获取到的返回值是JSON_ERROR_SYNTAX(Syntax error)。 可以通过以下几个方式排错。 1. json字符串必须以双引号包含 $output = str_replace("'", '"', $output); 2. json字符串必须是utf8编码 $output = iconv('gbk', 'utf8', $output); 3....

jquery分页思路,jquery分页插件,非常简单好用的jquery分页.

今天 将上周写的分布写成了插件,便于全站引用同一个js,这样全站的效果也一样! jquery分页思路,jquery分页插件,非常简单好用的jquery分页 简单说一下这个插件所要实现的功能 后台将查询出来的内容全部显示到页面上,这个插件要控制这些内容,使其一页一页显示。有上一页,下一页,首页,尾页的功能。在第一页时,上一页,首页要隐藏。在最后一页时,尾页,下一页要隐藏。一次只显示几个按钮,当点击当次最后一个按钮时,显示后面几个。 接下来简单说一下编码过程: 首先可以大胆的先写下以下的代码: [php] //为了更好的兼容性,开始前有个分号 ;( function($){//此处将$作为匿名函数的形参 } )(jQuery)//将jQuery作为实参传递给匿名函数 [/php] 这段代码大家应该不陌生,就是javascript的神级特性---闭包。这也是jQuery插件的常见结构。为什么要使用闭包来作这jQuery的常用结构呢,一来既可以避免内部临时变量影响全局空间,又可以在插件内部继续使用$作为j...

jQuery中.live()方法的使用方法,JQuery里的代码不能响应动态生成的html元素的click事件.

现在jQuery使用的范围之广,我们是否经常用jquery生成元素,但是我们在对生成元素操作的时候就不在那么好用的,jquery确实很强大,完全想到了这一点:用live绑定click事件即可,live适合用脚本创建的新元素 下面我们来看一下live在手册上的解释: 实例 当点击按钮时,隐藏或显示 p 元素: $("button").live("click",function(){ $("p").slideToggle(); }); 定义和用法 live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。 语法 $(selector).live(event,data,function) 参数 描述 event 必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到该函数的额...

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容.

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容... 这个问题是我们经常要用的,特别是在人机交互的时候! 这里记录一下jquery append appendto prepend prependto after insertafter before inserbefore的用法。 方法 描述 示例 Append() 向每个匹配的元素内追加内容 HTML代码  <ul></ul> JQuery代码 $(“ul”).append(“<li>AA</li>”); 结果 <ul> <li>AA</li> </ul>   appendTo() 注意大小写,我试验时appendto没通过。 该方法和Append()相反,a.Append(b)是将b追加到a中,而appendTo()是将b...
此文被围观4044次  分类: 前端设计 标签:  ··········

转:26 个 jQuery使用技巧.

The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. 1. 禁用右键点击(Disable right-click) [sourcecode plain="language"] $(document).ready(function(){ $(document).bind("contextmenu",functio...
此文被围观2470次  分类: 前端设计 标签:  ····

商城中使用jquery查看商品图片放大插件的应用.

前几天在做thinkphp一个积分商城的时候要用到产品图片放大的效果, 于是毫不犹豫使用了jquery插件jquery_zoom.js 效果图: 贴上代码: <div class="bigImgArea"><!--bigImgArea begin--> <div class="mainShow"> <a id="bigImg" href="{$data['imgUrl'][0]}" class="jqzoom" title="{$data.name}" style="cursor: crosshair; display: block; position: relative;"> <img id="midImg" src="{$data['imgUrl'][0]}" alt="{$data.name}" src340="{$data['imgUrl'][0]}" > </a> </div> <div class="thumbnail...

特别推荐:jquery连续点击造成数据显示错误解决方法.

我在项目中遇到的问题是这样的, 做了一下购物车,在购物车列表中根据"-"、"+"两个按钮来实现的数量改变,同时更新页面的价格和数据。 大家都知道网络存在延迟,就会造成页面中的数据与最终数据不一致的后果!这个错误是非常严重的。 在搜索引擎中查找关键词:jquery连续点击解决,在CSDN上找到了与之相关的文章:求助:使用jquery循环动态获取数据,当服务器响应慢时,连续点击某链接后,响应出现重复数据,该如何解决 笨人愚昧,没有看懂,因为问题太常了!只看了回复,从中得到的启发,设置返回数据后才能进入下一次点击。 各位看客请看: [js] <script type="text/javascript"> var c = true; $(function(){ //删除单一商品 $('.del').click(function(){ var id = $(this).attr('id'); $.post('/index.php/Index/delcart', {id: id}, ...

js电子相册,jquery电子相册,电子相册制作,网页js电子相册.

在做项目“最妖精”的时候,要用到电子相册。在北京一网站上找到这样的效果,最后给扣了下来,记录在这里! 第一步下载所需要的js文件, 当然jquery肯定是要用到的。 <script type="text/javascript" src="/Public/Js/jquery-1.7.1.min.js"></script> //加载相册列表的 <script type="text/javascript" src="/Public/Js/jquery.jcarousel.pack.js"></script> //真正用到的是后面这两个js <script type="text/javascript" src="/Public/Js/swfobject.js"></script> //下面这个js是关键,里面包括了要加载的id,flash的背景,还有swf的地址 <script type="text...

Jquery加载load学习.

load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数详细说明该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 “success” 或 “notmodified” 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:$(“#result”).load(“ajax/test.html”);如果提供回调函数,则会在执行 post-processing 之后执行该函数:$(“#result”).load(“ajax/test.html”, function() {alert(“Load was performed.”);});上面的两个例子中,如果当前文档不包含 “result” ID,则不会执行 .load() 方法。...
此文被围观2703次  分类: 前端设计 标签:  ·····

js,eval在线编码地址.

经常用jquery和js的同学可能很清楚,有很多js都是经过eval编码了的,例:这样的代码确实很不爽,特别是像我这种不怎么会js的新手。今天也是花了很久才弄明白这个是什么,eval这个函数反正我基本上是没怎么用过! 在这里为以后能给自己和别人一个更好的学习机会,今天将这个秘密告诉大家并给大家提出解决方案,以后你也可以用在你的js中了,这里提供了js-eval编码和js-eval解码,还不清楚的同学快来看看吧! js,eval在线编码地址http://adophper.com/js-eval.htm...
此文被围观2553次  分类: 前端设计 标签:  ·····

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号      川公网安备51162302000234