JQuery的一些小应用收集
1. var count = $("ul[@pid = '5']").length ; if (count == 0) ; return "没有";return "有";
//判断页面的UL上有没有PID等于5的,一般来说不要用ELSE
2. this.mainUl.find("li").mouseover(function(i) { }); //寻找UI里面的所有UI,绑定回调匿名函数
3.this.mainUl.parent().find("ul").each(function() { }); //循环父节点的所有UI,执行回调匿名函数
4.//取得下拉选单的选取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
5. $("#select").empty();//清空下拉框
6. $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
//由于复选框一般选中的是多个,所以可以循环输出
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val());});
$("#chk1").attr("checked",'');//将属性填充为不打勾
$("#chk2").attr("checked",true);//将属性填充为打勾
if($("#chk1").attr('checked')==undefined)return '未选';retuen '已选'//判断是否已经打勾
$('#select_id')[0].selectedIndex = 1;//select下拉框的第二个元素为当前选中值(更改索引值)
7. $("input[@type=radio][@checked]").val(); //单选组radio(获得页面所有RADIO的值):
相关推荐
-
jquery 简单应用示例总结
1.指定在主页面某个div中中显示子页面内容 ,其中renderContainer 可以是主页面div的id或者name 复制代码 代码如下: $.ajax({ url: url, data: parameters, type:"GET", dataType:"html", success:function (html) { $(renderContainer).attr("title", title); $(renderContainer).h
-
jquery 应用代码 方便的排序功能
终极目的:想做一个方便的排序功能. 具体实现:点击后可以输入排序的数字编号,移开后自动更新数据库. 1,我想把这个功能用<span>来完成,也就需要一个在页面上监控指定的span的东西,他就是: ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码... }); 2,页面上<span>很多,如何才能区分呢?用id?还是class?id太单一,于是用class,因为排序不是针对一条
-
JQuery的一些小应用收集
1. var count = $("ul[@pid = '5']").length ; if (count == 0) ; return "没有";return "有"; //判断页面的UL上有没有PID等于5的,一般来说不要用ELSE 2. this.mainUl.find("li").mouseover(function(i) { }); //寻找UI里面的所有UI,绑定回调匿名函数 3.this.mainUl.paren
-
jQuery实现拼图小游戏(实例讲解)
小熊维尼拼图 jQuery代码实现拼图小游戏,鼠标选中拼块,用上下左右键移动拼块. html代码 <div id="box-div"> <!--走不通时的提示!--> <div id="tips"> <p>\(╯-╰)/ 哎呦,走不通啦!</p> </div> <div id="container"> <div class="row"&g
-
jquery ajax 请求小技巧实例分析
本文实例讲述了jquery ajax 请求小技巧.分享给大家供大家参考,具体如下: jquery 是一个非常好用的js框架,它为我们提供了很多工具.启动异步请求就是很好用的一个工具 官方推荐的ajax 请求格式 $.ajax({ url:"http://xxxxxxxxxxxxxxxxx/",//你的域名 dataType:"json", //对服务器返回的结果进行该数据格式处理 我这里写了json 也可以红xml.text.html 等格式 type:&quo
-
jQuery 实现扁平式小清新导航
效果图 1.html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/style.css" rel="external nofollow" &
-
jQuery实现扫雷小游戏
本文实例为大家分享了jQuery实现扫雷小游戏的具体代码,供大家参考,具体内容如下 扫雷小游戏实现思路: 设计为9*9简单面板,每次随机生成10颗雷,然后计算每颗雷周围八个位置上每个位置应该标记的数字(该数字表示此位置周围八个位置上存在雷的数量),基本原理大致如此.交互问题以简单的方式实现即可. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut
-
jquery实现倒计时小应用
本文实例为大家分享了jquery倒计时效果的具体代码,供大家参考,具体内容如下 html <div id="shop_rec"> <ul class="cf"> <li> <img src="image/goods.jpg" alt="小米 Note 顶配版" /> <div> <h5>小米 Note 顶配版</h5> <p>全网通
-
JQuery入门基础小实例(1)
先展示一下这个例子实现的效果: 页面刚刚加载的时候,显示如图所示: 当在文本框中输入数据后,文本框的红色标识消失,如图所示: 点击确定按钮后,会通过后台来向页面输出数据,如图所示: 前台的代码如下(asp.net): <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <
-
jQuery中选择器小问题(新人难免遇到)
今天照着jQuery手册学习,了解了选择器的使用,准备试试写个用户注册验证,没想到还没开始一个很小的问题把我难住了! 新人难免遇到很小的细节问题,在此文仅供自勉: 测试部分代码如下: 复制代码 代码如下: <script type="text/javascript" src="jquery.1.11.0.min.js"></script> <script type="text/javascript"> func
-
jQuery实现手风琴小案例
本文实例为大家分享了jQuery实现手风琴的具体代码,供大家参考,具体内容如下 代码演示效果: 1.运用jQuery,动画样式进行轮播图切换 2.前提,需要引入animate.css(官网下载就有) HTML代码: <head> <meta charset="UTF-8"> <title>手风琴</title> <link rel="stylesheet" href="../animate.css&qu
-
jquery实现计算器小功能
本文实例为大家分享了jquery实现计算器功能的具体代码,供大家参考,具体内容如下 用jquery实现计算器对于我来说有三个难点 1.单纯的html页面,怎么实现计算2.显示屏用什么标签,又怎么把他显示出来3.要想实现删除,怎么把字符串最后一个字母删除 解决 1.看了别人的计算器,我发现eval()可以实现这个目的eg: alert(eval(“3+5”));没错,会弹出 8.2.看了几个人的博客,都是用span元素节点当显示屏,通过jQuery的html()函数来实现把内容显示出来.3.有两个
随机推荐
- AngularJS使用ocLazyLoad实现js延迟加载
- Vue.js组件使用开发实例教程
- 轻轻松松学习JavaScript
- Fireworks 基础知识小结
- TortoiseSVN使用教程
- JavaScript-世界上误解最深的语言分析
- PHP实现MVC开发得最简单的方法——模型
- Python中常见的数据类型小结
- Windows环境下vscode-go安装笔记(不支持32位)
- mysql中格式化日期详解
- VBS实现将Excel表格保存为txt文本
- Android仿IOS ViewPager滑动进度条
- JavaScript 对象、函数和继承
- Java 字节数组类型(byte[])与int类型互转方法
- Android实现读取SD卡下所有TXT文件名并用listView显示出来的方法
- android 上传aar到私有maven服务器的示例
- 利用JS测试目标网站的打开响应速度
- Android仿Flipboard动画效果的实现代码
- Pandas DataFrame数据的更改、插入新增的列和行的方法
- 微信小程序分包加载代码实现方法详解