没有合适的资源?快使用搜索试试~ 我知道了~
jquery常用操作.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 98 浏览量
2021-10-02
11:55:25
上传
评论
收藏 120KB PDF 举报
温馨提示
试读
14页
jquery常用操作.pdf
资源推荐
资源详情
资源评论
jquery 常用操作
2008-09-17 15:00
jquery 基本入门
第一天:选择器相关
1.html() 与.text()
.html() 取得第一个匹配元素的 html 内容。会带有标签, .text() 仅是里边的文本
.text() 取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本
2.
$("a") 选择所有的连接
$(".a") 选择所有 class="a" 的标签
$("#a") 选择 id="a" 的标签
3.
$("span[@name=a]") 选择了 <span name="a"></span>
$("span[@love=a]") 选择了 <span love="a"></span>
$("li#a") 选择了 <li id="a"><li>
$("li.a") 选择了 <li class="a"><li>
$("li .a") 选择了 <li class="a"><span class="a">span 被选择了 </span><li>
由于可以看出 连在一起是指 li 并且 class="a" 中间有空格是指 <li> 下的 class="a" 的元素 , 同 CSS选择器的道理一样
$("div[@id=form]").hide("slow"); 找到 <div id="form"><span></span></div>
并且这个层隐藏
$("div[@id=form]").children().hide("slow") 找到 <div id="form"><span>span 才是被找到 </span></div>
并隐藏
$("h1:contains(' 换个写法 ')") 找到 <h1>换个写法 </h1>
$("h1 :contains(' 换个写法 ')") 找到 <h1><span> 换个写法 </span></h1><br />
由此可以看出,连在一起是找 h1 中包含 ' 换个写法 ' 的内容 , 有空格是找 <h1>的下一级元素中含中 ' 换个写法 ' 的内容
4.
$("ul>li:odd") 偶数行
$("ul>li:even") 奇数行
5 var a=$("select[@name=class] option[@selected]");
var b=$("select[@name=class1]");
b.append(a);
从一个下拉列表把内容放到另一个下拉列表里
6
$("a").parent("p") 只能找到 <p>段<a href="#"> 落</a> 一</p> 直接关系
$("a").parents("p") 可以找到 <p>段 <em><a href="#"> 落</a></em> 二</p> 所有的父
$("p").eq(0) 找到第一个 p
$("p:eq(0)") 同上
$("p:visible") 所有可见的 p
7
$("div:first") 找到第一个 div
$("div:first-child") div 的父元素的第一个元素是 div 才匹配
以上基本上是写了下选择器,更多参考
http://docs.jquery.com/Selectors
第二天 :ajax 相关
首先看下 json ,当然 ajax 可以返回 xml.html,json 等
json_encode 后的数据格式总结
一,对象
结果为 hash 表, 就是 {" 键":" 值"," 键":" 值"} 这样的形式,为 js 可以识别的对象
二,一维索引数组
结果为数组 [' 元素一 ',' 元素二 '] ,为 js 可以识别的数组
三,一维相关数组
结果为 hash 表, 为 js 可以识别的对象
四,多维索引数组
结果为 [["a","b"],["c","d"]] 这样的形式 , 为 js 可以识别的数组
五,多维相关数组
结果为 [{"1":"a","2":"b"},{"1":"c","2":"d"}], 外边是 js 可以识别的数组,中间是 hash
对于 hash 的处理方式
<script>
var json={"title":"a","name":"b","age":"c"};
alert(json.age);
</script>
对于数组的处理方式
<script>
var json=["a","b","c"];
alert(json[1]);
</script>
之所以总结,是因为我对这些不熟,遇到这样子的我就套上这些
OK,现在开始看 jquery 处理 ajax
$.ajax() 为通用方式
其中间必须是一个 hash 表即,形式为 { 键: 值, 键: 值} 的形式
参数
type: 请求方式,默认为 get ,如 :type:"post"
url :ajax 请求的 url 如:url :"ajax.php" 也可以是 url:"ajax.php?id=5" 这样子 id 可以通过 $_GET['id'] 得
data: 传递的参数 :
如:data:"name=terry&age=30" 具体如何得到数据 ($_GET[],$_POST[]) 取决于上边的 type.
如:data:{name:"terry",age:"30"} ,此种形式会转成 "name=terry&age=30"
dateType: 返回数据的方式,默认为 html,
>>>>>>>>如果返回 json 下边有个例子是处理这种类型的返回的数据 <<<<<<<<
ifModified: 默认为 false ,如果为 true ,当数据没有变化时请求不成功
error: 请求失败是执行的函数
timeout: 请求的时间,超过此时间,请求失败
complete: 请求结束后执行的函数 , 不管请求成功或失败
第三天:
昨天写了下 ajax 的通用方法:今天看下其它的方法
load(url,[data],[callback]),
默认是 GET方式 : 如果 load("ajax.php") 用 GET方式提交数据 ;
如果有任何参数 : 如 load("ajax.php","name=terry"); 刚用 post 方式提交数
$.get(url,[data],[callback]) 用 get 方式向远程页面传递参数
如
$.get('ajax.php',{name:"terry",id:5},function(msg){
$("#content").html(msg);
})
以 GET方式得到数据并放到层 id 为 content 的层中
$.post(url,[data],[callback]) 同上,但数据以 post 方式提交
$.getJSON(url,[data],[callback])
以 get 方式获得 json 数据,这里重点写下:
如果返回的数据为数组
如["a","b","c"] 处理方式
$.each(["a","c","c"].function(i){alert(this)})
返依次弹出 a,b,c
如果返回的数据为 hash 对象
如{"name":"terry","age":"25"} 处理方式
$.each(msg,function(i){
alert(i+"="+this);
})
刚依次弹出 name=terry,age=25
就是说对于数组, i 为 0.1.2 等,对于 hash 对象 i 为键
剩余13页未读,继续阅读
资源评论
资料大全
- 粉丝: 14
- 资源: 26万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功