- 浏览: 645510 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
lizaochengwen:
网络请求碰到的中文乱码使用encodeURL吧- (NSStr ...
iPhone开发/iPad开发 中文乱码问题 -
hhb19900618:
还是没弄懂怎么解决了中文乱码? 正确代码能重写贴出吗
iPhone开发/iPad开发 中文乱码问题 -
zhengjj_2009:
我的理解是讲ipa文件解压缩之后再重新打包,已经破坏了签名,所 ...
xcodebuild和xcrun实现自动打包iOS应用程序 -
zhengjj_2009:
我参考你的“ 从ipa格式的母包生成其它渠道包的shell脚本 ...
xcodebuild和xcrun实现自动打包iOS应用程序 -
同一片天空:
问题果然解决了
iOS 搭建 XMPP实现环境
jquery特殊符号含意
- 博客分类:
- js及各种框架
jquery写作方式:
//完整的写法
jQuery(document).ready(function() { alert("Hello"); });
//jQuery 可简写为 $
$(document).ready(function() { alert("Hello"); });
//$(document) 可以简写为 $()
$().ready(function() { alert("Hello"); });
//$(document).ready() 也可以简写为 $()
$(function() { alert("Hello"); });
window.onload与$(function(){})区别
window.onload() 发生在页面载入完成时,
$(document).ready() 发生在页面主体框架载入完成时(或许某个图片还没下载完);
基本选择
代码:
<div id="div1">AAA</div>
<div class="class1">BBB</div>
<span id="div3">CCC</span>
<div class="class2"><span>222</span></div>
<div class='class3'><span id='span2'>hello world</span></div>
<div class='class3'><label id='span2'>label</label></div>
根据 id 选择$("#div1")
根据class选择$(".class1")
根据标签名选择$('span')
选择所有的对象$("*")
混合选择$("#div1,.class1,span")
分层选择$(".class2 span")或者$(".class2").find('span')
只从子层中选择 $(".class2>span")
选择所有紧跟在 div 后面的 span $(".class2+span")
选择 #id2 后面同一层级的所有(*)对象 $("#id2~*").
混合使用 $(".class3 label,.class2>span")
选择同一层级的其他元素$("#div1").siblings();
选择同一层级的其他 span $("#div1").siblings('span');
特殊字符含义
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
选取子对象
代码
定位子对象
<h3>AAA</h3>
<ul>
<li>我那年深月久的苦乐年华</li>
<li> “90后”应该补的课究竟有哪些?</li>
<li>北京下的不是雪,而是“珍珠米</li>
<li>一句“没想过”让我走出迷雾</li>
</ul>
<ul>
<li> 麻辣生活,自信勇敢会是最给力!</li>
</ul>
<ul>
<li>上海给力N日游之奢华恒隆是这样</li>
<li>从这个世界走来一个小小的我--蝉想</li>
<li>恋爱是不是一场明码交易?</li>
</ul>
获取所有标题对象 $(":header")
获取 first $("li:first")或$("li").first()或$("li").get(0)
获取每组的 first $("li:first-child")或$("ul li:first-child")
获取 last $("li:last")或$("li").last()
获取每组的 last $("li:last-child")或$("ul li:last-child")
获取第几个 $("li:eq(2)")或$("li").eq(2) //eq 是 0 开始
获取第几个之后的 $("li:gt(2)") //gt是0开始
获取第几个之前的$("li:lt(2)")//lt是0开始
获取索引数是偶数的 $("li:even")//even是0开始
获取索引数是奇数的$("li:odd")//odd是0开始
获取每小组第偶数个$("li:nth-child(even)")//nth-child是1开始
获取每小组第奇数个$("li:nth-child(odd)")//nth-child是1开始
获取每小组第几个:$("li:nth-child(2)")//nth-child是1开始的
表达式获取第几个$("li:nth-child(3n-1)")//n是从1开始的
如果是父元素中唯一的子元素 $("li:only-child")
not是取其反 $("li:not(li:only-child)")
根据属性来选择
代码
<div id="names">names</div>
<div id="hello" name='ss'>hello</div>
<div id="spans" name='spanname'><span>中国人</span></div>
<div id="worlds">worlds</div>
<div id="empty"></div>
指定元素包含id的$("div[id]")
指定元素中不包含id的$("div:not([id])")
名称为ss的元素 $("div[name='ss']")
名称不为ss的元素$("div[name!='ss']")
元素符合以world开始的$("div[id^='world']")
以o结束的$("div[id$='o']")
id 中包含ll的$("div[id*='ll']")
多个条件的,有id属性并且name中包含d的$("div[id][name*='d']")
查找内容中包括world的$("div:contains('world')")
查找包括span 的$("div:has('span')")
查找空的div $("div:empty")
查找父元素$("div:parent")
hidden和visible分别对应隐藏和显示的元素
$("div:hidden")//获取隐藏的元素
$("div:visible")//获取显示的元素
表单元素的获取
:input匹配 <input /> <select></select> <textarea></textarea> <button />
:text匹配<input type='text' />
:password匹配<input type='password' />
:radio 匹配<input type='radio' />
:checkbox 匹配<input type='checkbox' />
:submit 匹配<input type='submit' />
:button 匹配<input type='button' /> <button />
:reset 匹配<input type='reset' />
:image 匹配<input type='image' />
:file 匹配<input type='file' />
:enabled匹配所有可用的input
:disabled匹配所有不可用的input
:checked 匹配所有选中的单选复选按钮
:selected 匹配所有选中的option
以上的内容 是根据 http://tech.ddvip.com/2010-06/1276246634155161_4.html进行整理修改的
发表评论
-
JavaScript处理事件的一些兼容写法
2012-08-31 14:01 1233绑定事件 var addEvent = funct ... -
javascript深入理解js闭包
2012-03-02 11:21 1012一、变量的作用域 要理解闭包,首先必须理解Javascri ... -
[收藏]javascript keycode大全
2012-02-27 14:14 671keycode 8 = BackSpace BackSp ... -
jquery实现浮动面板 监听页面滚动和大小变化事件
2012-01-31 09:08 4330(function showQQPanel(){ ... -
js与jquery获得页面大小、滚动条位置、元素位置
2012-01-31 09:07 1569//页面位置及窗口大小 function GetPageSi ... -
使用jQuery Mobile开发Web App-页面切换动画 android
2012-01-14 00:48 3104jQuery Mobile包含一组基于CSS3的过渡动画(又称 ... -
HTML5 Canvas 如何取消反锯齿绘图
2012-01-09 23:28 1439HTML5 Canvas 如何取消反锯齿绘图(HTML5 Ca ... -
15 个 HTML5 Canvas 应用欣赏
2012-01-06 13:39 1719HTML5呈现了很多的新特性,这在之前的HTML中是不可见到的 ... -
js浮点数据类型的计算
2012-01-05 23:27 1700JS浮点数据类型的计算,如下实例: //说明:jav ... -
jquery同一元素支持单双击事件
2012-01-05 00:40 2458发表于 2011 年 01 月 20 ... -
meta viewport标签的使用说明(手机浏览缩放控制)
2011-12-31 14:09 1164引用点评:网页手机wap2.0网页的head里加入下面这条元标 ... -
JS 判断浏览器客户端类型(ipad,iphone,android)
2011-12-29 10:15 3954<script type="text/ ... -
jquery ajax方法如load,get等 在CHROME下失效的问题(已经解决
2011-12-28 23:08 1257最近碰到一个问题。jquery在chrome 5.0+ 的版本 ... -
jquery读取xml比较js读取xml 比比就知道
2011-12-28 22:30 4331test.xml: <?xml version=&qu ... -
querySelector 和 querySelectorAll 方法浏览器实现无误,避免将其与 JQuery 的选择器混淆
2011-12-27 23:20 880规范定义 querySelector 和 querySele ... -
js 监听事件,ie 火狐 javascript addEventListener attachEvent
2011-12-27 23:17 1807<head> <script type=' ... -
js中prototype用法
2011-12-27 12:00 498prototype 是在 IE 4 及其以后版本引入的一个针对 ... -
js读取xml
2011-12-26 17:43 626这次准备使用JS来读取XML做一个例子来熟悉下,一共使用了一下 ... -
javascript模块模式深度探索
2011-12-26 17:35 650前言 模块模式是基于js ... -
DOMContentLoaded事件
2011-12-26 17:30 890今天查看百度空间源代码,发现多了个util.js文件,打开看看 ...
相关推荐
我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义。 列举部分如下: <input id="entity.username" type="text" value="hello" /> alert($("#entity\\.username").val()); &...
jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
jQuery表情符号选择器
一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符,那么是如何处理这些个特殊字符的呢?下面小编给大家...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
很有用的jq插件,jq表情选择器插件,方便使用。
jQuery入门,jQuery入门,jQuery入门,jQuery入门
jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档jquery文档
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
jquery 插件jquery 插件jquery 插件jquery 插件
jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档jQuery文档
jquery 精简版 jquery 精简版 jquery 精简版jquery 精简版 jquery 精简版 jquery 精简版 jquery 精简版
jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...
jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画
jquery1.4.2 jquery1.4.2 jquery1.4.2
jquery jquery下载jquery下载jquery下载
JQuery详解JQuery详解JQuery详解JQuery详解JQuery详解JQuery详解
jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,jquery,...