实现效果:源代码: $(function() {$("#exist_code_remind").attr("style","display:none");$(".form-control").click(function(){var ac = true;$(".code_td_class").each(function(){if((Number)($(this).text()) == (Number)($("#user-code").val())){ac = false;//如果重复-显示提示}});if(ac){//隐藏$("#exist_code_remind").attr("style","display:none");}else{//显示$("#exist_code_remind").attr("style","color:red");//...
来张效果图:输入关键字后:本例子中主要用到的是jQuery的keyup()、each()和filter()方法。除此之外,还用到了javascript的RegExp对象和stringObject.replace()方法源码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><style type="text/css"> body{font: normal 12...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><title>contenteditable</title><style>*{margin:0;paddi...
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.get(0) 从数组里取出来// js 转 jq$box1 = $(box1); jq操作元素对象jq操作页面内容$(".box").eq(1...
jQuery 获取 div 之间的内容,有两种方法,$(selector).text()、$(selector).html() 。 html:<div><p>test</p></div> $("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。 $("div").html() 得到的是 <p>test</p>,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的操作 。 之间的内容.text() 和 .html()区别' ref='nofollow'>jquery获取 ...
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>内容选择器</title><script src="js/jquery.js"></script><script type="text/javascript">$(function(){//利用:contains获取包含指定文本内容的组件 ,取得包含b的段落 // $("p:contains(b)").css("border","2px solid red");//查找拥有子元素为input且类型为text的div对象 // $("div:has(input[type=‘text‘])").css("border","2px solid orange");/...
今天介绍一个非常好用的JQuery插件,它可以把网页或某个div或table表格内容转为图片并下载保存。这个插件叫 html2canvas ,它只有一个js文件 html2canvas.js ,而使用起来也非常简单。先看一个实例html代码,后面再介绍如何使用。<html><head><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="html2canvas.js"></script></head><body><div id="html-content-holder" style="background...
$(this) 表示的是当前对象,例如 <select id="test"><option value="0">option1</option><option value="1">option2</option> </select><script type="test/javaScript">$(‘#test‘).change(function(){$(this).val(); //显示的是当前下拉列表选中的内容 }) 原文:http://www.cnblogs.com/adkii/p/7239916.html
内容复习 1. 操作样式 (5)1.1 css操作 设置单个样式 设置多个样式 获取样式 css(name, value) :设置单个样式css(obj):设置多个样式css(name):获取样式 1.2 class操作 addClass(name):添加类 removeClass(name):移除类 hasClass(name):判断类 toggleClass(name):切换 addClass(name):添加类removeClass(name):移除类hasClass(name):判断类toggleClass(name):切换类 2. 操作属性(3) attr...
<#include ‘/admin/express-header.html‘ ><div class="main" style=" background:#fff; padding: 15px 0px 8px 10px; margin: 0px;"><div class="ex-boxOne"> <label for="start_date">订阅日期:</label> <input type="text" name="start_date" id="start_date" class="Wdate start-date" onFocus="WdatePicker({lang:‘zh-cn‘})" placeholder="请输入开始日期" /> <label for="end_date">至</label> <input type="text"...
此方法用于向每个匹配的元素内部追加内容,这个操作与javascript对指定的元素执行appendChild方法,将它们添加到文档中的情况类似参数解释如下: content要追加到目标中的内容function(index, html)返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。实例:<html lang=‘zh-cn‘> <head> <title>Insert you title</title> <meta http-equiv=...
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href ,比如 元素里面的 type。 1. 获取属性语法 2. 设置属性语法element.prop("属性名") 1.获取元素固有的属性值console.log($("a").prop("href"));element.prop("属性名","属性值") 2.设置属性语法$("a").prop("title", "我们都挺好");$("input").change(function() {console.log($(this).prop("...
内容过滤器的过滤规则主要是包含的子元素或文本内容上。$(div:contains("xxx")).css(background, #ccc); //选择元素文本节点含有xxx 文本的元素 $(div:empty).css(background, #ccc); //选择空元素 $(ul:has(.red)).css(background, #ccc); //选择子元素含有class 是red 的元素 $(:parent).css(background, #ccc); //选择非空元素 jQuery 提供了一个has()方法来提高:has 过滤器的性能: $(ul).has(.red).css(background, #ccc); /...
本文实例讲述了JS与jQuery遍历Table所有单元格内容的方法。分享给大家供大家参考,具体如下: 用JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现:function GetInfoFromTable(tableid) {var tableInfo = "";var tableObj = document.getElementById(tableid);for (var i = 0; i 这个方法的参数是唯一标识Table的id,用document对象的获取 jQuery 遍历Table中tr中的td中的内容: 1、$("#trID td").text()得到的是一个所以...
指定元素中包含 id 属性的, 如: $("span[id]") 代码如下:<span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC</span><br/> <span name="Sx4">DDD</span><br/> <div id="div1" name="Dx1">EEE</div> <div name="D2">FFF</div> 指定元素中不包含 id 属性的, 如: $("span:not(span[id])") 或 $("span:not([id])") 代码如下:<span id="span1" name="S1">AAA</span><br/> ...