Jquery中几种特殊符号的含义
2016-11-18 21:55
399 查看
http://www.lhy-seo.com/JavaScript/detail-51.html
Jquery中几种特殊符号的含义
所属分类:JavaScript发布时间:2012-12-24 22:05:08点击量:5629
转载请自觉注明原文:http://www.lhy-seo.com/JavaScript/detail-51.html
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() 发生在页面主体框架载入完成时(或许某个图片还没下载完);
特殊字符含义:
$选择器:
在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:
html代码:
<strong><input name="newsletter" />
<input name="milkman" />
<input name="jobletter" /></strong>
jQuery 代码:
<strong>$("input[name$='letter']")</strong>
结果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
!选择器:
[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])
html代码:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name!='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
*选择器:
[attribute*=value],匹配给定的属性是以包含某些值的元素:
html代码:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代码:
$("input[name*='man']")
结果:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
@选择器:
匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。
^选择器:
[attribute^=value],匹配给定的属性是以某些值开始的元素:
html代码:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery代码:
$("input[name^='news']")
结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
除了以上列出的5种特殊符号外,还有以下的常用特殊符号:
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
Jquery中几种特殊符号的含义
所属分类:JavaScript发布时间:2012-12-24 22:05:08点击量:5629
转载请自觉注明原文:http://www.lhy-seo.com/JavaScript/detail-51.html
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() 发生在页面主体框架载入完成时(或许某个图片还没下载完);
特殊字符含义:
$选择器:
在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:
html代码:
<strong><input name="newsletter" />
<input name="milkman" />
<input name="jobletter" /></strong>
jQuery 代码:
<strong>$("input[name$='letter']")</strong>
结果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
!选择器:
[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])
html代码:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name!='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
*选择器:
[attribute*=value],匹配给定的属性是以包含某些值的元素:
html代码:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代码:
$("input[name*='man']")
结果:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
@选择器:
匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。
^选择器:
[attribute^=value],匹配给定的属性是以某些值开始的元素:
html代码:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery代码:
$("input[name^='news']")
结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
除了以上列出的5种特殊符号外,还有以下的常用特殊符号:
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
相关文章推荐
- Jquery中几种特殊符号的含义
- JQuery中几种特殊的符号$、!、@、^用法
- JQuery中几种特殊的符号$、!、@、^浅析
- shell中一些特殊符号的含义
- Makefile文件中特殊符号的含义
- 如何处理jQuery选择器中的特殊符号
- shell中一些特殊符号的含义简介
- shell 中一些特殊符号的含义简介
- ]jquery特殊符号含意
- js和php几种编码方法对特殊符号的编码对照表
- shell中一些特殊符号的含义详解
- shell中一些特殊符号的含义简介
- HTML中的几种常用特殊符号
- 正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
- 正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
- JAVA中的特殊符号含义
- 正则表达式中的特殊符号及正则表达式的几种方法(replace,test,search)
- shell特殊符号含义和一些常用的shell例子
- jQuery选择器中含有空格和特殊符号的注意事项
- shell中一些特殊符号的含义