首页 > 其他分享 >23.JQuery选择器,事件和操作Dom元素

23.JQuery选择器,事件和操作Dom元素

时间:2023-10-01 21:48:16浏览次数:31  
标签:JQuery function Dom 标签 ul text 选择器

JQuery选择器:
//原生选择器少,不好记
//标签选择器
$('p').click();
//ID选择器
$('#id').click();
//类选择器
$('.class').click();

JQuery事件:当网页加载完之后相应以下事件
$(document).ready(function () {
})
简化之后的:
$(function () {

});

获取鼠标的坐标:
$(function () {
$('#divMou').mousemove(function (e) { mousemove鼠标移动事件,在div标签中获取鼠标移动事件
$('#mouseMou').text('x:'+e.pageX+'y:'+e.pageY);在mouseMou这里显示text文本,代表x,y的坐标
})
})

利用JQuery操作Dom元素:
//修改文本内容
$('#ul li[name=python]').text(); 选中id为ul的标签下方的li标签中name=python的标签,text修改文本的内容
//添加css样式
$('#ul').attr('style','color:red'); 选中id为ul的标签,attr属性,style样式,color:red 颜色为红色
//隐藏和显示元素
$('ul').show();show显示
$('ul').hide();hide隐藏

标签:JQuery,function,Dom,标签,ul,text,选择器
From: https://www.cnblogs.com/wenjie001/p/17739294.html

相关文章

  • Python模块之 random
    作用:random.randint函数是Python内置的随机数生成函数之一,用于生成一个指定范围内的整数。必要操作:>>>importrandom安装:python内置函数,无需安装导入包:>>>importrandom帮助查看:>>>help(random)或单独查看某个子方法(函数)>>>help(random.randint)方......
  • jQuery中hide()和display的区别在于它们实现元素隐藏的方式不同。
    1.hide()方法是jQuery提供的一个函数,用于隐藏元素。当使用hide()方法时,元素会被设置为display:none,即不显示在页面上,但仍然占据着原来的空间。隐藏后的元素可以通过调用show()方法来重新显示。示例代码:$("#elementId").hide();//隐藏元素$("#elementId").show();//显示......
  • 19.删除DOM节点
    删除节点:首先要获取父级节点,在执行删除子类节点的步骤removeChild:删除子项父类节点名字.removeChild(要删除的节点名字)方法2:先用子类获取父类节点vara=子类名字.parentElement;再调用删除子节点的方法a.removeChild('要删除的节点名字');a.children[下标]利用下标获取父类下......
  • 你没有看错,爬网页数据,C# 也可以像 Jquery 那样
    一:背景1.讲故事前段时间搞了一个地方性民生资讯号,资讯嘛,都是我抄你的,你抄官媒的,小市民都喜欢奇闻异事,所以就存在一个需求,如何去定向抓取奇闻异事的地方号上的新闻,其实做起来很简单,用逻辑回归即可,这篇主要讨论如何去抓取,在C#中大家都知道抓取通用的库是HtmlAgilityPack,但是这个......
  • 17.获取DOM节点
    window代表浏览器窗口//alert弹窗window.alert('我是你爹')//获取浏览器窗口大小window.innerHeight678window.innerWidth668window.outerHeight752window.outerWidth1280navigator封装了浏览器的信息,大多数时候不会用这个对象,容易被人为修改screen代表屏幕获取屏幕的宽度......
  • jquery相关总结
    JQuery使用技巧总结作者:未知一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使......
  • 利用jQuery实现表格或者区域内数据的滚动展示效果
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......
  • 基于jquery开发的Windows 12网页版
    预览https://win12.gitapp.cn首页代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="refresh"content="0;url=desktop.html"/><metaname=&q......
  • Jquery
    1.jquery就是一个js库2.jquery这个库向外暴露了jQuery或者$()这个函数。3.得到一个jquery对象letobj=$('#id')4.$()此时$代表函数,$.each()此时$代表对象。参数是选择器字符串返回一个jquery对象。注意只有jquery对象才能够调用val()...html()的jquery方法。5.jquery对象里面包含......
  • Kibana中的时间过滤器与时间选择器实践案例
    前言Kibana是一个非常强大的数据可视化工具,它可以帮助我们快速地分析和展示数据。在使用Kibana时,时间过滤器和时间选择器是非常重要的功能,它们可以帮助我们更好地理解数据。本文将深入探讨Kibana中的时间过滤器与时间选择器实践案例。时间过滤器时间过滤器是Kibana中的一个非常......