jquery 常用操作
来源:asp之家 发布时间:2010-01-12 16:00: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:请求结束后执行的函数,不管请求成功或失败
猜你喜欢
- 程序比较大,运行时间又长的时候,不想等着结果,只要先确保程序功能正确无误,可以把需要的结果print然后保存到TXT文件中,超级方便# 创建
- 在mysql中limit可以实现快速分页,但是如果数据到了几百万时我们的limit必须优化才能有效的合理的实现分页了,否则可能卡死你的服务器
- 最近研究正则表达式。看到很多朋友需要IP地址的正则表达式,网上找了一下,一开始就找到了月光博客网站模板上的找了半天没有找到完整解决IP地址的
- 今天在写爬虫程序的时候由于要翻页,做除法分页的时候出现了totalCount = '100' totalPage = int
- 数组的组合主要有:1.水平组合:np.hstack(arr1,arr2) 或 concatenate(arr1,arr2,axis=1)2.
- 我正在参加天池上的一个竞赛,刚开始用的是DenseNet121但是效果没有达到预期,因此开始尝试使用模型融合,将Desenet和Xcepti
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它
- 在Python中,装饰器一般用来修饰函数,实现公共功能,达到代码复用的目的。在函数定义前加上@xxxx,然后函数就注入了某些行为,很神奇!然
- 由于工作需要,所以前一阵子将IE升级到了8.0,结果今天发现出现一个问题,eWebEditor的在线编辑器不好用了,仔细想想,肯定是IE8搞
- <style> *{position:absolute;} #panel *{border:1px so
- 一 介绍 在笔者支持业务过程中,经常遇到开发咨询replace into 的使用场景以及注意事项,这里做个总结。从功能原理,性能
- 我们在编写软件时,一般会有版本号以及生成的时间,Go编译的程序中,如何添加当时的编译时间以及版本信息?C/C++语言,非常方便,可以直接使用
- 在更改列顺序之前,你需要考虑是否的确需要更改表中的列顺序。SQL的核心要点是从数据存储格式获取应用。总应指定检索数据的顺序。在下面的第1条语
- create proc p_sword_getblcolumn ( @tblName varchar(200), @fromIndex in
- 继承是面向对象编程的一个重要的方式,通过继承,子类就可以扩展父类的功能。在python中一个类能继承自不止一个父类,这叫做python的多重
- 1:把数字转换为字符串的方法 var string_value = String(numbe
- 这里的等价不是说function的toString相同,也不是说function的引用相同,而是说对于两个function A和B,如果它们
- 一、使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描
- 昨天简单介绍了SQLAlchemy的使用,但是没有能够涉及其最精彩的ORM部分,今天我将简单说明一下,当然主要还是讲解官方文档的内容,由于是
- 一、算法构造1.简单介绍一下knn算法KNN算法,也叫K最近邻算法。功能是分类。算法逻辑非常简单,说直白点就是:先找到跟你最近的k个邻居(假