jq过滤选择器(2)

1.
点击时会在本页面跳动至顶部

无影响
$(“a[href=#]”).attr(“href”,“java…”) 选取a标签href为#的替换其属性。
2.
过滤选择器

在这里插入图片描述
选择id待带a的使其color为red在这里插入图片描述
**3.**表单选择器在这里插入图片描述
点击登录按钮在控制台输出表单值在这里插入图片描述

JavaScript(简称JS)是浏览器端的编程语言,而jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。在某些情况下,你可能需要在原生JavaScript和jQuery之间进行转换。 1. JS转换为jQuery: 将纯JavaScript代码转换为使用jQuery的方法通常涉及到使用jQuery的选择器、方法和函数来替代原生DOM操作和事件处理。例如,如果你有一个JavaScript代码段用于选取页面上所有的段落,并改变它们的颜色: ```javascript var paragraphs = document.querySelectorAll('p'); for (var i = 0; i < paragraphs.length; i++) { paragraphs[i].style.color = 'red'; } ``` 使用jQuery,你可以用以下代码达到同样的效果: ```javascript $('p').css('color', 'red'); ``` 2. jQuery转换为JS: 如果你希望将jQuery代码转换回原生JavaScript,你需要使用原生的DOM API来完成相同的操作。例如,使用jQuery改变所有段落颜色的代码: ```javascript $('p').css('color', 'red'); ``` 可以转换为: ```javascript var paragraphs = document.querySelectorAll('p'); for (var i = 0; i < paragraphs.length; i++) { paragraphs[i].style.color = 'red'; } ``` 对于CSS和jQuery选择器,它们都用于选取页面上的元素,但它们的使用场景和语法稍有不同: - CSS选择器用于定义HTML元素的样式,如类选择器(.class)、ID选择器(#id)、元素选择器(element)、属性选择器([attribute="value"])等。 - jQuery选择器用于在JavaScript中选取和操作DOM元素,其语法与CSS选择器类似,但增加了额外的功能,如子元素选择器($('parent > child'))、相邻兄弟选择器($('sibling + next'))、过滤选择器($('li:even'))等。 在实际开发中,你可能需要在CSS和jQuery之间进行选择器的相互转换。例如: - 在CSS中使用`.my-class`选择器来应用样式,而在jQuery中使用`$('.my-class')`来选取元素进行操作。 - 在CSS中使用`#my-id`来指定ID样式,在jQuery中使用`$('#my-id')`来选取具有该ID的元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值