就是contains这个函数，书上介绍说这个函数是按照元素的内容来来筛选选择的元素集，当我运行代码的时候老是报错，后来发现是函数库里没有这个函数，于是自己写了这个函数。 代码如下： 代码如下:function yhCheckIsIncludingValue(element , pattern) { var bool = false; var childrenNodes = element.childNodes; if (childrenNodes.length == 0) { if (element.nodeValue != null) { if (pattern.exec(element.nodeValue) != n...
现在jquery的应用越来越广泛了，在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。 也自己尝试写了一个，效果图如下（样式可以按用户需求自己去整）： 接下来详细介绍实现过程： 我一向是见招拆招的解决思路，这里需要运用到3个东西——标签页效果插件和分页插件，jquery的getJson请求。 因此我使用了jquery-ui插件，jquery-page插件,现提供下载地址：jquery_all.rar 里面包含了3个JS脚本文件和2个样式表:jquery-1.3....
在本站前面有文章介绍了如何实现发表微博说说：PHP+Mysql+jQuery实现发布微博程序--jQuery篇，本例将基于其数据库结构，用动态的方式展示发表的说说信息。 查看示例：DEMOXHTML 代码如下: Shuro 8分钟前 说： 评论内容。。。 ... 上述HTML结构由N个.saylist构成，用于展示用户的评论信息，当然在本例中，将由PHP负责生成这段XHTML代码。 CSS 代码如下:#demo{width:400px; height:80px; margin:80px auto; border-bottom:...
该应用实现了即时统计输入字数，并且通过ajax与后台交互，将输入内容插入到话题列表中。我将整个流程分为两部分，本文讲解第一部分jquery实现前端交互操作。 首先查看示例：DEMO XHTML 代码如下: Demo发布的内容... XHTML是一个表单，里面有输入框textarea，发布按钮，还有一个统计输入字数的span#counter，和信息提示span#msg,在没有输入的情况下就提交则会提示用户要求输入内容。 CSS 代码如下:h3{height:32px; li...
可以在页面定义一个调用方法，如下： 代码如下:function getData(){ $.getJSON("http://123.123.123.123/?callback=?", { "m":"data",// 指定php的文件名字 "act":"getdata",// 指定php文件中的方法 "name":"问题儿童"// 传入的参数 }, function(data) { // 获得返回值 } }); } 对应链接下（123.123.123.123）的PHP文件，一般默认先调用index.php文件，通过index.php文件内的方法处理后，转到对应的php文件，并且找到对应的方法，...
前面手工写了一个下拉自动补全功能，写的简单，只实现了鼠标选择的功能，不支持键盘选择。由于项目很多地方要用到这个功能，所以需要用心做一下。发现select2这个插件的功能可以满足当前需求。在使用jquery插件select2的过程中遇到了一些疑惑，无论是穿json数据还是通过jsonp方式取数据，都能够正确返回。可是下拉列表中的条目却不能被选中，对鼠标和键盘选择都无效。后来发现，select2插件在实现选中时是以数据中的id字段为准的。...
很多项目中需要用到即时上传功能，比如，选择本地图片后，立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能，用户只需选择本地图片确定后即实现上传，并显示上传进度条，上传完成后，显示图片信息。HTML本示例基于jQuery以及相当出色的jquery.form插件，所以，先要载入jquery库和form插件。 接着在页面中加入如下代码： 代码如下: 添加附件 0% 我们在html中放置一个添加附...
后台使用php，前台引用jquery，实现增删操作，代码如下：代码如下: header("Content-type: text/html; charset=utf-8"); //mysql_connect 建立连接,mysql_close($link)关闭非永久连接，mysql_pconnect 建立永久连接 //mysql_error返回mysql函数错误信息，mysql_errno返回mysql函数错误号码 //mysql_set_charset 设置用户端字符集，mysql_select_db 选择连接数据库 //mysql_query 执行查询，mysql_num_rows返回查询记录条数 //mysql...
HTML 首先在head部分载入raphael.js库文件和chinamapPath.js路径信息文件，本文不重复写下，唯一不同的地方是需要在body中加一个div#tip，用来展示地图信息的提示框。代码如下: jQuery 通过调用raphael绘制出中国地图，然后载入统计数据，由于地图区块小，我们不在地图载入的时候就将数据显示在地图区块上了，我们通过鼠标交互实现将数据信息更好的展示给用户。当鼠标滑向省份区块时，通过e.pageX和e.pageY定位鼠标坐标，然后通过...
1、jquery 获取单选组radio$("input[name='name']:checked").val(); 2、jquery获取radiobutton的下一个值$("input[name=name]:checked").next().text()$("input[name=name]:checked").val() 3、jquery 获取input的值$(#id).val() 4、jquery判断多选框checkbox$("#id:checkbox").attr("checked")取值 $("#id").attr("value")；赋值则是在text()、val()里面直接给值 JQUERY如何获取text,areatext,radio,checkbox,select值？$("input"...
在一些微博网站上我们经常可以看到这样的应用，微博内容列表上并没有使用分页条，而是一次加载一定数量的记录显示在列表页，当用户浏览到列表页底部时，可以通过单击“查看更多”来加载更多记录。本文将结合jQuery和PHP给大家讲述如何实现这种功能。 Ajax加载的基本原理：当页面载入时，jQuery向后台请求数据，PHP通过查询数据库将最新的几条记录显示在列表页，在列表页的底部有个“查看更多”的链接，通过触发该链接，向服务端发送...
我们经常可以看到一些网站上有图片剪切的功能，或许你会觉得这一功能炫目华丽，神秘莫测！但是今天介绍的一款专用于图片裁切的插件jquery.Jcrop.min.js就将揭开图片剪切的神秘面纱。使用这个插件可以很方便的实现这一功能，使用时仅需鼠标在图片上圈选出选区，即可把图片裁切成所选部分，非常适合用于头像的裁切编辑功能。 本实例演示分为HTML和php两部分：第一部分，HTML代码：Jcrop实现图片裁剪 #preview{width:100px;height:100...
本文实例讲述了PHP+jquery+ajax实现即时聊天功能的方法。分享给大家供大家参考。具体如下： 这是一个简单的利用jquery与php做的一个聊天室的源码,我们这里定时利用ajax读取数据库并进行刷新了,下面直接参上源码,实例代码如下: index.html页面如下：代码如下: 无标题文档 发言 data.php页面如下：代码如下:<?php header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");...
本文实例讲述了jQuery+PHP实现的掷色子抽奖游戏详细步骤。分享给大家供大家参考。具体分析如下： 该游戏是以大富翁游戏为背景，综合运用jQuery和PHP知识，设计出以掷色子点数来达成抽奖的效果，当然抽奖概率是可控的，开发者可以将本实例稍作修改即可运用到网站中的抽奖活动场景中。效果图如下：完整实例代码点击此处本站下载。HTML部分： 首先我们需要准备两粒色子和奖品素材，这些作者已经打包上传了，请大家放心下载。我们将在h...
在上一篇文章中，我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知识。 quiz.php在这里为了讲解方便，我将php和HTML混写在quiz.php文件中。首先和本站上篇文章：jQuery实现的测试答题功能一样，载入jQuery库和quizs.js文...