jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 2. var checkValue=jquery("#select_id").val(); //获取Select选择的option Value 3. var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 4. var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大...
JQuery中的内容选择器JQuery中的内容选择器有四个：:contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包含子元素或者文本的空元素 :has(selector) 匹配含有选择器所匹配的元素的元素 :parent 匹配含有子元素或者文本的元素具体例子如下： <div></div><div><span></span></div><div>我是一个div</div><div><p></p></div><div>我是一个div123</div><div><span><p></p></span></div>我们的JS代码如下：$("div:empty"...
转自： http://www.jb51.net/article/43198.htm1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句：$(‘.elem‘)$(‘.elem‘, context)context.find(‘.elem‘)我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：可以看到，1.6.2版本的...
1.取组件值 传递form data，load发送 请求加载数据 <script type="text/JavaScript"> mini.parse(); // get grid var grid = mini.get("grid"); var form = new mini.Form("#form"); function search() { //取得某个id组件的 value var rq = mini.get("yf").getValue(); if (rq ) { // 将form 里的参数和值传给 grid发送的请求 grid.load(form.getData(true)); } else { mini.alert("请选择"); } } </scrip...
01 开篇 Html页面设计和布局 index.html<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>StarTrackr !</title><link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon"/><meta name="viewport" content="width=device-width"/><link rel="stylesheet" href="./css/base.css"/><!--<link rel="stylesheet" href="../.....
$(document).ready(function(){ function time(){ var date=new Date(); var h=date.getHours(); var m=date.getMinutes(); var s=date.getSeconds(); $(‘div‘).eq(0).html(h); $(‘div‘).eq(1).html(m); $(‘div‘).eq(2).html(s); for(var i=0;i<$(‘div‘).length;i++){ if($(‘div‘).eq(i).text().length==1){ $(‘div‘).eq(i).html(function(index,html){ return 0+html; }); } } } time(); setI...
filter(),not(): 程序代码<script type="text/javascript">$(document).ready(function() {//输出 helloalert($("p").filter(".selected").html());//输出 How are you?alert($("p").not(".selected").html());});</script> </head><body> <p class="selected">Hello</p><p>How are you?</p><!--一个新的挑战是从一组类似或相同的元素中只选择某一个特定的元素。jQuery提供了filter()和not()来做这个。filter()能够将元素精简...
本文实例分两部分对jquery刷新问题进行介绍，第一部分介绍了呢页面局部刷新；第二部分介绍了页面全部刷新第一：页面局部刷新jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。重点分析load()方法通常用来从Web服务器上获取静态的数据文件.要传递一些参数给服务器中的页面，那么可以使用$.get()或者$.post()方法$.ajax方法load...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>文本/html/值</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/><style type="text/css"></style><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript">/*html(...
一、jQuery选择器 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="jquery-1.10.1.min.js"></script><script src="Selector.js"></script></head><body><p>p1</p><p class="pclass">p2</p><button>Click me</button></body> </html>$(document).ready(function(){$("button").click(function(){$(".pclass").text("p元素被修改了");}) });二、jQuery事件 1.jQuery事件： 常用事件方法...
$(function(){// $.page({ // dataUrl:‘userLive!dataList.action‘, // countUrl:‘userLive!dataCount.action‘, //暂时无用到 // data:{liveName:""}, // currentPage:1, // pageSize:5, // pageShowDivId:‘pageShow‘, // contentMark:‘条记录‘, // pageSkin:‘#46c1de‘, // styleType:1 // }); }); /*** @params dataUrl：请求数据url地址...
$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素文档就绪函数 $(document).ready(function() { ---------jQuery function go here------------ })jQuery选择器 选择器允许对元素组或单个元素进行操作。学习jQuery选择器的关键是学习jQuery选择器如何准确地选取你希望应用效果的元素 ...
Dom操作的分类一般来说，Dom操作分为3个方面，即DOM Core、HTML-DOM和CSS-DOM。jQuery中的DOM操作一、查找节点用jQuery在文档树上查找节点非常容易，可以利用前面介绍的jQuery选择器来完成。1、查找元素节点 利用jQuery选择器<script type="text/javascript"> $(function(){ //获取第二个li元素 var $li=$(‘ul li:eq(1)‘); var li_txt=$li.text(); alert(li_txt); }); </script> <p title="选择你最喜...
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset=" utf-8"> 7<meta name="author" content="http://www.softwhy.com/"/> 8<title>简易计算器</title> 9<jsp:include page="inc/easyui.jsp"></jsp:include> 10<style type="text/css"> 11button { 12 font-size: 18px; 13 font-weight: bold; 14 width: 75px; 15...
想必大家对于jQuery这个最流行的javascript类库都不陌生，而且只要是前端开发人员肯定或多或少的使用或者接触过，在今天的这篇文章中，我们将介绍一些书写高质量jQuery代码的原则，我们不单单会告诉你如何去书写，也会告诉你为什么这样书写，希望大家会觉得有所帮助，如果你也有自己的一些经验分享，请不吝赐教！注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成...