-
$("[attribute|='value']")选择指定属性值等于给定字符串或以该文字串为前缀（该字符串后跟一个连字符 "-" ）的元素 $("[attribute*='value']")选择指定属性具有包含一个给定的子字符串的元素（选择给定的属性是以包含某些值得元素） $("[attribute~='value']")选择指定属性用空格分隔的值中包含一个给定值的元素 $("[attribute='value']")选择指定属性是给定的值的元素 $("[attribute!='value']")选择不存在指定属性，或者指定的属性值不等于给定值的元素 $("[attribute^='value']")选择指定属性是以给定字符串开始的元素 $("[attribute$='value']")选择指定属性是以给定值结尾的元素，这个比较是区分大小写的 $("[attribute]")选择所有具有指定属性的元素，该属性可以是任何值 $("[attributeFilter1][attributeFilterN]")选择匹配所有指定的属性筛选器的元素查看全部
-
$(":visible")----->选择所有显示的元素 $(":hidden")------>选择所有隐藏的元素 :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
$(":contains(text)") 选择所有包含指定文本的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素的元素（包含文本节点） $(":has(selector)") 选择元素中至少包含指定选择器的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
$(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":eq(index)") 在匹配的集合中选择索引值为 index 的元素 $(":lt(index)") 选择匹配集合中所有小于给定 index （索引值）的元素 $(":gt(index)") 选择匹配集合中所有大于给定 index （索引值）的元素 $(":even") 选择索引值为偶数的元素，从 0 开始计数 $(":odd") 选择索引值为奇数的元素，从 0 开始计数 $(":header") 选择所有标题元素，像 H1 、 H2 、 H3 等 $(":animated") 选择所有正在执行动画效果的元素 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":not(selector)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div"同层"的"紧跟"div"后面"的"第一个p"节点! (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 , (逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。 ~ (波浪线)$("div ~ p")表示匹配"div"元素之后(是它后面的)的所有兄弟元素,具备相同的父元素查看全部
-
jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 $( "*" )查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 $( "element" ) $("p");查看全部
-
类选择器，顾名思义，通过class样式类名来获取节点 $( ".className" )查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )查看全部
-
DOM对象转化为jQuery对象： //前提：div 是一个dom对象 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $div = $(div);查看全部
-
var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 用jQuery找到所有的div元素（3个），因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象，调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是，数组的索引是从0开始的，也就是第一个元素下标是0 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
- 设置 CSS 属性 (返回操作对象) 如需设置指定的 CSS 属性，请使用如下语法： css("propertyname","value"); 下面的例子将为所有匹配元素设置 background-color 值： $("p").css("background-color","yellow"); - 设置多个 CSS 属性 如需设置多个 CSS 属性，请使用如下语法： css({"propertyname":"value","propertyname":"value",...}); //像json的格式 下面的例子将为所有匹配元素设置 background-color 和 font-size： $("p").css({"background-color":"yellow","font-size":"200%"});查看全部
-
jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $(document).ready(function(){}); 简洁写法: $(function(){ // 开始写 jQuery 代码... }); ______________________________________ 总结 *** jquery选择器中, css选择器需要加双引号, 对象变量本身不需要加引号; *** html() 方法 返回 或 设置 被选元素的内容 (inner HTML); 如果该方法未设置参数，则返回被选元素的当前内容。 <div><em>test</em>我是第一个div</div> <div>我是第二个div</div> 当使用该方法返回一个值时，它会返回第一个匹配元素的内容; $(selector).html() (没有写参数; 返回第一个匹配元素的inner html内容) 例子: console.log($("div").html()); -> test.html:10 <em>test</em>我是第一个div 当使用该方法设置一个值时，它会覆盖所有匹配元素的inner html内容。(并返回所有匹配的元素, 即为 $(selector), 一个类数组对象) 例子: console.log($("div")) console.log($("div").html("")); //空字符串 会清空匹配元素的inner html内容 两个均返回: (2) [div, div, prevObject: init(1), context: document, selector: "div"] //未展开查看全部
-
我们有几种方式可以隐藏一个元素： 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的，该元素是不会在页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的指是0查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
举报
0/150
提交
取消