- 浏览: 1475749 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (523)
- JAVA (334)
- J2EE (18)
- JSP (21)
- JavaScript (14)
- it life (2)
- mobile develop (4)
- UBUNTU (14)
- Algorithm (14)
- DataBase (56)
- Browser/Server (1)
- linux (6)
- fedora (2)
- CSS (1)
- AjAX (3)
- HTML5 (1)
- EJB (1)
- osworkflow (2)
- Java face (5)
- spring (4)
- ICE (1)
- webService (2)
- MongoDB (1)
- JavaThread (4)
- JavaCollections (3)
- Hibernate (2)
- JavaMail (1)
- JavaBasic (1)
- Cache (1)
- https (4)
- DOM4J (1)
- JDOM (0)
- Mybatis (1)
- JUNIT (1)
- eclipse (1)
- easyMock (2)
最新评论
-
yadongliang:
...
自己认为的一些技术点 -
yadongliang:
每次看你头像都看的荷尔蒙分泌失调
WebService的两种方式SOAP和REST比较 (转) -
yadongliang:
hollo 写道一直有这种感觉,盲目的跟风,确实有一些人为了潮 ...
WebService的两种方式SOAP和REST比较 (转) -
welss:
博主,JNative怎么调用dll中的这种方法: int ...
JNative调用DLL -
Java_Antelope:
session.setAttribute和session.getAttribute(
jQuery
1.特点:
小巧
功能强
跨浏览器
插件
2.使用
实际是js文件
a) 复制js到WebRoot
b) 页面<script src="jquery.js" charset=""></script>
3.核心对象及常用方法和属性
a)名称
jQuery和$
用$找出来的对象叫jQuery对象
用document找出来的对象叫Dom对象
b)dom和jquery对象转换
jQuery对象.get(0) --->dom对象
$(dom对象)--->jQuery对象
c)jQuery对象方法
.show() 显示
.hide() 隐藏
.toggle() 显示或隐藏切换
$("div").hide();
$("#myid").show();
$(".myclass").show(100);
.size() 找到多少个对象
var n = $("div").size()
文本框赋值(value)
$("#myid").val(123);
.val()取值
层的内容.innerHTML/.innerText
$("div").html() ;
$("div").html(123);
$("div").html("<input type=button>");
$("div").text("<input type=button>");
样式 document....style.color="red"
$("div").css("color","red").css("font-size","18");
$("div").css({color:"red","font-size":18});
删除
$("div").remove(); 删除所有div
添加
父加子: $("div").append("<input button>");
$("div").append( $("#myid") );
子加父
$("input").appendTo( $("div") );
对象属性
$("input").attr("checked",true);
去首尾空格:
$.trim(字符串)
$("div").each( function(i,obj){} );
$.post(url,function(x){});
$.post(url,{键:值},function(x){});
$.getJSON(url,function(x){//这里x已转成json了,不要用eval});
克隆
$("div").clone();
4. 选择器
a) 类选择器
<input type=text class="myclass">
$(".myclass") 找多个
b) id选择器
<input type=text id="myid">
$("#myid") 找一个
相当于:document.getElementById("myid")
c) 标记选择器 找多个
$("div,span")
相当于document.getElementsByTagName()
d) 表单选择器
$(":text") 所有文本框
$("input[type=text][value='']")
$(":radio") 所有单选框
$(":checkbox") 所有复选框
e) 表单属性选择器
$(":checkbox:checked")或$(":checked:checkbox")
$(":checked") 找所有选中(单选框和复选框)
$(":selected") 找所有选中列表框
f) 层级选择器
父找子 d找c
$("table").find("tr") //找子孙都可以
$("table>tbody>tr") 找所有tr
$("table>tbody>tr:first") 找第一行
$("table>tbody>tr").eq(0) 找第一行
$("table>tbody>tr:odd") 所有奇数行
$("table>tbody>tr:even") 所有偶数行
子找父
$("tr").parent()
找兄弟
$(a).next() 下一个
$(b).prev() 上一个
---jQuery对表格tr的操作
function bh() //序号进行编号
{
jQuery("#t>tr").each(function(i,obj){
obj.cells[0].innerHTML=i+1;
});
}
function addRow() //添加一行tr
{
var tr = jQuery("#t>tr:first").clone().appendTo(jQuery("#t"));
tr.find(":text").val("");
tr.find("td").eq(4).html(""); //eq(4)第二个文本框
bh();
}
function droRow(del) //删除一行tr
{
jQuery(del).parent().parent().remove();
bh();
}
//计算输入文本中数字的结果
function js(js)
{
//找到tr
var tr=jQuery(js).parent().parent();
//取数
var sl=tr.find(":text").eq(1).val();
var jg=tr.find(":text").eq(2).val();
tr.find("td").eq(4).html(sl*jg);
}
1.特点:
小巧
功能强
跨浏览器
插件
2.使用
实际是js文件
a) 复制js到WebRoot
b) 页面<script src="jquery.js" charset=""></script>
3.核心对象及常用方法和属性
a)名称
jQuery和$
用$找出来的对象叫jQuery对象
用document找出来的对象叫Dom对象
b)dom和jquery对象转换
jQuery对象.get(0) --->dom对象
$(dom对象)--->jQuery对象
c)jQuery对象方法
.show() 显示
.hide() 隐藏
.toggle() 显示或隐藏切换
$("div").hide();
$("#myid").show();
$(".myclass").show(100);
.size() 找到多少个对象
var n = $("div").size()
文本框赋值(value)
$("#myid").val(123);
.val()取值
层的内容.innerHTML/.innerText
$("div").html() ;
$("div").html(123);
$("div").html("<input type=button>");
$("div").text("<input type=button>");
样式 document....style.color="red"
$("div").css("color","red").css("font-size","18");
$("div").css({color:"red","font-size":18});
删除
$("div").remove(); 删除所有div
添加
父加子: $("div").append("<input button>");
$("div").append( $("#myid") );
子加父
$("input").appendTo( $("div") );
对象属性
$("input").attr("checked",true);
去首尾空格:
$.trim(字符串)
$("div").each( function(i,obj){} );
$.post(url,function(x){});
$.post(url,{键:值},function(x){});
$.getJSON(url,function(x){//这里x已转成json了,不要用eval});
克隆
$("div").clone();
4. 选择器
a) 类选择器
<input type=text class="myclass">
$(".myclass") 找多个
b) id选择器
<input type=text id="myid">
$("#myid") 找一个
相当于:document.getElementById("myid")
c) 标记选择器 找多个
$("div,span")
相当于document.getElementsByTagName()
d) 表单选择器
$(":text") 所有文本框
$("input[type=text][value='']")
$(":radio") 所有单选框
$(":checkbox") 所有复选框
e) 表单属性选择器
$(":checkbox:checked")或$(":checked:checkbox")
$(":checked") 找所有选中(单选框和复选框)
$(":selected") 找所有选中列表框
f) 层级选择器
父找子 d找c
$("table").find("tr") //找子孙都可以
$("table>tbody>tr") 找所有tr
$("table>tbody>tr:first") 找第一行
$("table>tbody>tr").eq(0) 找第一行
$("table>tbody>tr:odd") 所有奇数行
$("table>tbody>tr:even") 所有偶数行
子找父
$("tr").parent()
找兄弟
$(a).next() 下一个
$(b).prev() 上一个
---jQuery对表格tr的操作
function bh() //序号进行编号
{
jQuery("#t>tr").each(function(i,obj){
obj.cells[0].innerHTML=i+1;
});
}
function addRow() //添加一行tr
{
var tr = jQuery("#t>tr:first").clone().appendTo(jQuery("#t"));
tr.find(":text").val("");
tr.find("td").eq(4).html(""); //eq(4)第二个文本框
bh();
}
function droRow(del) //删除一行tr
{
jQuery(del).parent().parent().remove();
bh();
}
//计算输入文本中数字的结果
function js(js)
{
//找到tr
var tr=jQuery(js).parent().parent();
//取数
var sl=tr.find(":text").eq(1).val();
var jg=tr.find(":text").eq(2).val();
tr.find("td").eq(4).html(sl*jg);
}
- jquery-1.2.6.pack.zip (15.2 KB)
- 下载次数: 0
- JQuery_API.zip (44.9 KB)
- 下载次数: 0
- jQuery实例-信息提示jQuery实现.zip (28.5 KB)
- 下载次数: 0
发表评论
-
Spring官网改版后下载
2014-04-11 10:39 711Spring官网改版后找了好久都没有找到直接下载Jar包的链接 ... -
Java 系统架构设计
2014-03-31 21:18 1441首先分为网关和引擎等多个部分: 第一部分:网关 1、主要负责转 ... -
Java 提高系统性能
2014-03-03 22:22 2573首先是从三方面来提高的,应用层面,服务器端层面,数据库层面。 ... -
2013年11月份艺龙旅行网面试题
2013-11-22 23:39 12241.给你两个字符串s1="abc",s2= ... -
国猪555555555
2013-11-22 00:16 1000国足第一招:场地太差,不适应。 国足第二招:场地太好,不适应。 ... -
自己认为的一些技术点
2013-08-14 00:12 11601.rest风格的编程。 2.memcached的命中率低的问 ... -
HttpClient
2013-01-14 23:57 1008package org.abin.lee.test.http; ... -
JAVA单例模式读取properties配置文件
2012-12-16 01:12 2617前段时间出差去做一个数据接口的项目,有很多参数需要从工程中的配 ... -
Java 反射调用方法
2012-10-22 23:52 946package lc.abin.lee.reflect; i ... -
Java Https单向,双向验证
2012-09-23 22:47 2958https一般来说有单项SSL和双向SSL连接之分。 单项 ... -
Java中的transient,volatile和strictfp关键字
2012-09-12 18:00 792http://www.iteye.com/topic/5295 ... -
Server JBoss v5.0 at localhost was unable to start within 50 seconds.
2012-09-05 11:35 1841[标题]:[转]JBoss was unable to sta ... -
HttpUrlConnection 开发例子
2012-03-25 16:23 3311/*** * * 发送HTTP请求 * @ ... -
Java Enum类型定义的方法
2012-03-12 12:34 2299//枚举接口 package com.abin.info.s ... -
Rational Rose 2003 下载及破解方法
2012-03-06 12:49 1351FROM:http://blog.csdn.net/fengl ... -
使用Spring进行面向切面(AOP)编程
2012-02-22 10:35 23021.aop理论知识 横切性关注点:对哪些方法拦截,拦截后怎么处 ... -
BASE64、MD5、SHA、HMAC几种加密算法
2012-02-21 12:53 8761BASE64编码算法不算是真正的加密算法。 MD5、 ... -
文本文件和二进制文件区别及java中字节流和字符流归纳
2012-02-17 15:48 2950首先在物理上文本文件和二进制文件并没有区别,都是以二进制01的 ... -
Java 字节流转化为文件
2012-02-17 15:46 5647已知:byte[] bytes=new FileToBytes ... -
Java核心之Java内存分配原理
2012-02-17 13:40 928JAVA内存分配与管理是Java的核心技术之一,之前我们曾介绍 ...
相关推荐
详细的jquery基础知识总结 jQuery
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
详细介绍了jQuery的一些核心知识以及基础,理解jQuery
jquery基础知识列举分析jquery基础知识列举分析
jQuery基础知识+实例 可以学习基础的jQuery知识 全面快速 另附有很多实例供学习使用
jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记
jquery基础教程中文版2015
看完“最全面的jQuery基础知识”文件包,你就能详细了解jQuery的代码规则。 文件包更是你进行jQuery开发的参考手册。 文件包内实例丰富,将其拷贝到单独的html文件中即可执行。 文件包包含一个模板文件:template....
jquery
jQuery 基础知识 和使用技巧 2个基础学习项目 简单、实用。
1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML...
学习jquery必备,对于掌握基本的jquery知识足够
锋利jQuery 知识点 总结,囊括重点,要点
实用性的文档,关于web应用与开发,今后流行趋势
总结了从jquery基础到重点的知识点,可方便大家从了解到熟练jquery,可参考其中来巩固。
jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础
jQuery基础入门pp
该文档一开始就介绍了jquery与javascript的关系,轻松让你走进jquery世界,有了jquery,web开发更加简单了,相信你会喜欢上jquery的