技术频道

公众号推荐

微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

jQuery属性选择器用法示例

时间：2019-01-06分类：jQuery作者：编程之家

本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考，具体如下：

rush:js;"> 属性title 的div元素. $('#btn1').click(function(){ $('div[title]').css("background","#bbffaa"); }) //选取属性title值等于 test 的div元素. $('#btn2').click(function(){ $('div[title=test]').css("background","#bbffaa"); }) //选取属性title值不等于 test 的div元素. $('#btn3').click(function(){ $('div[title!=test]').css("background","#bbffaa"); }) //选取属性title值以 te 开始的div元素. $('#btn4').click(function(){ $('div[title^=te]').css("background","#bbffaa"); }) //选取属性title值以 est 结束的div元素. $('#btn5').click(function(){ $("div[title$=est]").css("background","#bbffaa"); }) //选取属性title值含有 es 的div元素. $('#btn6').click(function(){ $("div[title*=es]").css("background","#bbffaa"); }) //组合属性选择器,首先选取有属性id的div元素，然后在结果中选取属性title值含有 es 的元素. $('#btn7').click(function(){ $("div[id][title*=es]").css("background","#bbffaa"); }) }); Box" id="isreset" checked="checked"/> 自动重置页面

属性选择器.

属性title 的div元素." id="btn1"/> 属性title值等于“test”的div元素." id="btn2"/> 属性title值不等于“test”的div元素(没有属性title的也将被选中)." id="btn3"/> 属性title值以“te”开始的div元素." id="btn4"/> 属性title值以“est”结束的div元素." id="btn5"/> 属性title值含有“es”的div元素." id="btn6"/> 属性选择器,首先选取有属性id的div元素，然后在结果中选取属性title值含有“es”的元素." id="btn7"/>

id为one,class为one的div

id为two,class为one,title为test的div.

sst">class为mini,title为tesst

display:none;" class="none">style的display为"none"的div

jQuery 属性选择器

上一篇：jQuery子元素过滤选择器用法示例下一篇：jQuery可见性过滤选择器用法示例

相关推荐

jquery页面搜索关键词突出显示

页面搜索关键词突出 // 页面搜索关键词突出 $(function () { $(".list_r").find('span').css({ // 每次搜索开始，先把所有字体颜色恢复初始状态 'color': "#838792"

作者：今♀妃惜彼时间：2024-09-23

jQuery实时显示日期、时间

jQuery实时显示日期、时间 html: <span id="time"></span> js: <script src="Js/jquery.min.js"></script> <%--引用jQuery

作者：今♀妃惜彼时间：2024-09-23

jQuery 添加水印

jQuery 添加水印 <script src="../../../../AJs/jquery.min.js"></script> <script type="text/javascript"> $(document).re

作者：今♀妃惜彼时间：2024-09-23

Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息

中文：Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息，之所以出现此错误，常见的原因是：通过调用Response.Write()修改相应时，将启用响应筛选器、HttpModules或服务器追踪。详细信息：分析附近的“输

作者：今♀妃惜彼时间：2024-09-23

Asp.net 后台调用js方法

1. 用Response.Write方法代码如下： Response.Write("<script type='text/javascript'>alert("XXX");</script>"); 此方只能调用内部函数

作者：今♀妃惜彼时间：2024-09-23

Jquery实现按钮点击遮罩加载，处理完后恢复

Jquery实现按钮点击遮罩加载，处理完后恢复思路： 1.点击按钮调用OnClientClick事件，添加dom元素及样式。 2.当Click中逻辑执行完后，在Click中调用js方法删除掉刚才添加的dom元素。 1 <%@ Page Language="C#" Auto

作者：今♀妃惜彼时间：2024-09-23

.Net后台调用js，提示、打开新窗体、关闭当前窗体

.Net后台调用js，提示、关闭当前窗体、打开新窗体 Response.Write("<script>window.alert('支付成功!');window.open('/JkCommerce/" + href + "',&

作者：今♀妃惜彼时间：2024-09-23

.net 搜索联想词

思路： 1.ajax请求后台方法获取数据。 2.通过jquery将请求到的数据显示在页面上。前台 <div class="sc_con" id="bbsearch"> <input type="text" class=&

作者：今♀妃惜彼时间：2024-09-23

JS点击子元素不触发父元素点击事件(js阻止冒泡)

<html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100

作者：今♀妃惜彼时间：2024-09-23

jQuery表单验证提交：前台验证一

jQuery表单验证提交：前台验证一（图文+视频）

作者：编程之家时间：2023-09-13

小编推荐

苹果市值2025年有望达4万亿美元