jquery选择器的使用1---获取html和属性

1、获取html内容

找到class为class1的所有span，然后获取html值

a=$(‘.class1‘).find(‘span‘)

console.log(a.html())

找到class为class1的第一个元素，然后获取html值

a=$(‘.class1‘).eq(0)

console.log(a.html())

2、获取元素的属性

$(‘.entry-name‘).find(‘a‘)[0].href

$("a").eq(0)[0].href

主要获取属性的时候，要加上索引

因为$(‘.entry-name‘).find(‘a‘)或者$("a").eq(0)

结果是个数组：

[<a class="navbar-brand" href="#">运维管理系统</a>]

时间： 2024-10-13 16:04:04

jquery选择器的使用1---获取html和属性的相关文章

[ jquery 选择器 :first ] 此方法获取指定jquery对象下的第一个元素

获取匹配的第一个元素: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'>

如何使用angular 实现jquery选择器功能

1.$event对象 $event对象其实就是潜在的jQuery事件对象,通过$event.target获取这个元素,通过$event.currentTarget获取子元素. 例如: <li ng-click="getApplicationListByType(1,$event)"><a>医疗健康</a></li> //根据类型获取服务列表$scope.getServiceListByType = function(item,e){

jquery选择器:获取父级元素、同级元素、子元素

jQuery的出现给广大开发者提供了不少的方便.从要自己一个一个敲代码,到直接调用方法,无疑大大地提高了网站开发的效率.而在jQuery中有一些方法非常的实用.下面就给大家介绍下jquery选择器:获取父级元素.同级元素.子元素的方法. 一.获取父级元素1.parent()获取指定元素的父级元素,注意:是最靠近指定元素的父级元素. 2.parents()获取指定元素的所有父级元素,注意:是所有的父级元素,包括body,html 二.获取同级元素1.next()获取指定元素的下一个同级元素(注意:

jquery选择器之获取父级元素，子元素，同级元素

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="style/css.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.min.js"></script>

jQuery 选择器获取组合类中的类名

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery选择器之获取父级元素、同级元素、子元素（转）

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id="href_thr" href=&quo

jquery选择器之获取父级元素、同级元素、子元素

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 href_fir href_sec href_thr href_fiv $(document).ready(function(){ $("a").parent().addClass('a_par'); }); firebug查看jquery parent效果二.获取同级元素: 1.next([expr]): 获取指定元素的下一个同级元素(注意是下一个同级元素哦) list item 1 list it

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器常见的CSS选择器有以下几种: 选择器语法描述示例标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro

JQuery选择器

JQuery选择器通过一个样例来分辨这些选择器,首先做一个初始的页面: 1.HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type="text/javascript" src="../JQue