分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery 元素使用

发布时间:2023-09-06 01:07责任编辑:顾先生关键词:暂无标签
 ???????????//在jQuery中相当于window.onload的作用的函数 ???????????//JS对象能够操作使用JS对象的属性,函数,jQuery对象不能使用 ???????????$(function(){ ???????????????//通过jQurey获取的对象成为jQuery对象 ???????????????var jDiv=$("#nav"); ???????????????jDiv.text("超越自己,掌控一切");// ???????????????alert(jDiv.text()); ???????????????????????????????//获取类的方式 ???????????????var vJDivs=$(".jclass"); ???????????????????????????????//通过标签的获取 ???????????????????????????????//通过层次关系来获取 ???????????????//获取的是父容器下的所有直接子元素,是一个数组 ???????????????var getdiv=$("#box").children();// ???????????????alert(getdiv.length); ???????????????//通过子标签获取父标签 ???????????????//parent是获取直系的父亲 ???????????????//parents是获取它的父辈们 ???????????????var erzi=$("#main1").parent(); ???????????????????????????????//获取main1的爷爷 ???????????????var erzi1=$("#main1").parent().parent(); ???????????????//改样式 ???????????????//erzi1.css("background-color","aqua"); ???????????????????????//通过父元素获取某一个子元素 ???????????????//find(),不管层次关系,只要是后辈的都能获取到 ???????????????var getchild=$("#box").find("#s1"); ???????????????getchild.css("font-size","50px"); ???????????????????????????????//无法通过name值来获取 ???????????????//复杂的查找方式 ???????????????//div中的第一个标签 ???????????????var divs=$("div").first(); ???????????????//divs.css("background-color","aqua"); ???????????????????????????????//div标签中最后一个标签 ???????????????var iss=$("div").last(); ???????????????//iss.css("background-color","aqua"); ???????????????????????????????//取第一个的下一个的下一个 ???????????????var lp=$("div").first().next().next(); ???????????????//所有div中第一个的后面的所有div ?nextAll(); ???????????????????????????????//从最后一个的上一个的上一个 ???????????????var pl=$("div").last().prev().prev(); ???????????????????????????????//明确获取的所有标签中按顺序指定获取哪一个 ???????????????var st=$("div:eq(4)"); ???????????????st.css("background-color","bisque"); ???????????????????????????????//兄弟元素:具有相同的父元素 ???????????????var bor=$("#main1").siblings(); ???????????????bor.css("color","red"); ???????????????//获取兄弟元素中的某一个 ???????????????var bor1=$("#main1").siblings("#main3"); ???????????????bor1.css("color","coral"); ???????????????

jquery 元素使用

原文地址:http://www.cnblogs.com/weinerback190101/p/7458323.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved