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的值):

(0)

相关推荐

  • 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.有两个

随机推荐