python——js 或Jquery操作定位元素


原文:

属性过滤常用javascript后去DOM对象

id是定位到的是单个element元素对象,其它的都是elements返回的是list对象

1.通过id获取

document.getElementById(“id”)

2.通过name获取

 document.getElementsByName(“Name”)

返回的是list

3.通过标签名选取元素

document.getElementsByTagName(“tag”)

4.通过CLASS类选取元素

document.getElementsByClassName(“class”)

兼容性:IE8及其以下版本的浏览器未实现getElementsByClassName方法

5.通过CSS选择器选取元素

document.querySelectorAll(“css selector")

常用JQuery获取对象

jQuery的基本语法是:$(selector).action()selector即选择器.

jQuery选择器的分类

$(“ancestor descendant”) 选取ancestor元素里的所有descendant后代元素,包括直接子元素和更深嵌套的后代元素.

  例:$(“div span”)选取

里的所有的元素.

  注意:选择器都是全页面扫描,返回一个集合,所有符合选择条件的元素都会被包括进去.所以多个
下面的都会被选择.

  $(“parent>child”)选取parent元素下的child子元素,即只有直接子元素被选取.其他后代元素不包括.

  例:$(“div>span”)选取

元素下元素名是的子元素.

  $(“prev+next”)选取紧接在prev元素后的next元素(同一层级).

  例:$(“.one+div”)选取class为one的下一个div元素.

  $(“prev~siblings”)选取prev元素之后的所有siblings元素(同一层级).

  例:$(“#two~div”)选取id为two的元素后面的所有

兄弟元素.

  等价方法:

  $(“prev+next”)等价于方法$(“prev”).next(“next”);选取prev元素之后紧接着的一个next元素.

  $(“prev~sublings”)等价于方法$(“prev”).nextAll(“sublings”),选取prev元素之后的所有同级的sublings元素.

  而$(“prev”).sublings(“next”)方法选取与prev同辈的所有next元素,与前后位置无关.

过滤选择器