JQ获取当前是第几个元素，以及直接选取第几个元素的方法

一、获取当前是第几个元素的方法
使用：$(this).index()

实例：

$(function () {
  $(‘.menu li‘).mouseover(function () {
    alert($(this).index()); // 是从0开始的
  });

});

二、直接选取第几个元素的方法使用：

$("#k").find("div:eq(1)")

以上选取的是#k里面的div的第二个

时间： 2024-08-29 19:45:19

JQ获取当前是第几个元素，以及直接选取第几个元素的方法的相关文章

JQ获取元素属性值

2019.10.27 更新通过一段时间的学习发现下面为什么会报错了因为我都是用原生JS代码创建的DOM对象,而attr方法是属于JQ对象才可使用的方法. 哈哈,自己也真是沙雕呀 ------------------------------------------------------------------------------------------------ 最近在学习JAVA Web,自己也是做个下列表左右选择的小案例. 获取某个元素的属性值一直以为是要调用atrr方法,不过好像

使用JS/JQ获取iframe里面的元素

首先实现父级通过iframe访问子级DOM元素有以下几点需要特别注意的 1,需要在服务器的情况下访问,可以使用本地服务器 2,需要使用入口函数(当初被这个坑惨了) 3,这种方法跨域访问不了 >*使用本地服务器首先建立两个文件分别命名为父级parantN.html和子级Child.html两个html文件,先看看html文件代码. 父级parantN.html <iframe id='myIframe' name="myIrame" src="Child.html

Js与Jq 获取浏览器和对象值的方法

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cli

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc

jQuery框架使用，jq选择器，jq操作页面内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息，js/jq页面加载完毕事件，jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

js|jq获取兄弟节点,父节点,子节点

08.19自我总结 js|jq获取兄弟节点,父节点,子节点一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibling; // 上一个兄弟节点 var next = test

js模拟jq获取id

js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模拟jq的点击效果</title> <style> * {margin: 0; padding: 0;} #btn {display:block;height: 30px; width:

获取页面、元素、窗口和返回页面、元素、窗口的宽高

jquery如何获取元素的滚动高度获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height();浏览器当前窗口文档body的宽度: $(document.body).width();获

jq获取被选中的option的值。jq获取被选中的单选按钮radio的值。

温故而知新,一起复习下jq的知识点. (1) jq获取被选中的option的值 <select id="select_id"> <option value="0">请选择</option> <option value="1">11111111111</option> <option value="2>222222222</option> <opti