Jquery 应用积累

1、控制div显隐

$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

$("#id").css(‘display‘,‘none‘);
$("#id").css(‘display‘,‘block‘);
或
$("#id")[0].style.display = ‘none‘;

2、 设置span的文本

$("#id").html("aaaaaaaa");
$("#id").text("aaaaaaaa");

3、判断<input type="checkbox" id="id"/>死否选中

$("#id").attr("checked") == "checked"

  

时间: 2024-11-13 06:54:31

Jquery 应用积累的相关文章

JQuery 常用积累(六)ZTree

Web 项目或多或少都会有涉及到什么人员职称树,菜单树,组织机构树...... 历手三四个项目有大有小,采用的树前端都是 Ztree. 有些优秀的J2EE 框架将这些常用的组件都封装起来,作为模块化的组件提供给前端,这样固然是好,开发效率会提升几倍. 客户需求是什么,组件化往上一套,几分钟就能搭建起来. 但这样咱程序员真的就是搬砖的了,纯纯的重复性工作. 1. Ztree 主要的特点 ZTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻

jQuery知识点积累

1.  jQuery对象与JavaScript对象转换 jQuery-->JavaScript 两种方法: $(selector).get(index) ;   $(selector)[index]; JavaScript-->jQuery 只需要将获取的JavaScript对象用$包装即可, 如: var obj = document.links;  $(obj).css("color","red");

JQuery 常用积累(二)Pagination 分页组件

官方Demo网址:http://mricle.com/JqueryPagination 分页组件几乎是一般网站都会涉及到的组件,网上有很多这样的插件,自己挑来跳去选择了这一款,功能强大,可扩展性比较强,而且幕后的工程师一直在完善这个插件,不废话了,上干货. (模拟场景:商店网站,俺要根据用户选择的查询条件,来查询数据库,并展示到前台) 1.JSP页面: 如果你的web项目前台是基于bootstrap,js只需要引入2个js: <r:script path="/style/js/Jquery

JQuery 常用积累(三)Select 下拉框

<select id="hello"></select> 1.jQuery获取Select选择的Text和Value: 语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var

JQuery 常用积累(五)Datetimepicker和Lodop

web项目中日期选择器和打印这两个功能是非常常见,将项目中使用的日期选择器和打印控件,在这里总结归纳,为方便后面使用. 1.Datetimepicker a.官方API:http://www.bootcss.com/p/bootstrap-datetimepicker/ 里面有详细的Datetimepicker介绍,包括支持的方法.设置的选项.事件..... b.项目集成Datetimepicker实例:    这是一款依赖与bootsrap样式的控件,所以你项目中需要引入的js如下: <scr

jquery积累~children(&quot;:eq()&quot;)与children().eq()

今天看到原来写的代码~突然想到 children(":eq(2)")和children().eq(2)是不是一样~结合自己动手~发现确实是一样的,感觉自己好垃圾顺便记下来.积累一下 html结构如下 <div class="div"> <ul> <li><span>hello</span>1</li> <li><span>hello</span>2</l

点滴积累【JS】---JQuery实现条形统计图,适用于选择题等统计

效果: 思路:前台JS实现动态数据效果,后台可以拼接字符串或者用JSON加载数据 代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tiao.aspx.cs" Inherits="qiantaoflash.tiao" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

工作积累(三)——使用jQuery实现回车触发事件

输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现.jQuery 可以帮我们迅速实现这一功能,方式如下. 1.jQuery代码: $(function() {     $("#login-input").keyup(function(e){         if(e.which === 13) {             $("#submit-button").click();         }     });       

Jquery的知识学习积累,内附自己做的一个网站案例

在这个过程中学习了一些jquery的一些知识. 网站的内容:http://magellan.duapp.com/ 希望大家给予指点. 版权声明:本文为博主原创文章,未经博主允许不得转载.