1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge"> 6<title></title> 7<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 8</head> 9<style>10 #btnTex{width:80px; height:50px; margin: 10px;}1112</style>13<body>1415<input id="text1" type="text"/>16<input id="btn1" type="button" value="按钮"/>17<p id="p1">...
<span style="font-size:24px;color:#ff0000;">部长练习全选-取消-反选-显示选择内容等功能代码:</span><!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>部长练习全选-取消-反选-显示选择内容等功能</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {//实现全选功能$(':input[value=全选]').click(function(){//alert($(this).val()); $('form :checkbox').p...
给id=zt的元素绑定点击事件点击刷新id=ps_list中类容(内容中含有id=zt元素)把zt的点击事件委托到了document上,这样就不用考虑事件是否能绑定到新加元素上代码如下:$(document).on("click", "#zt", function() {var ps_list = $("#ps_list").html();$("#ps_list").html(ps_list);})原文:http://www.cnblogs.com/jtzfeng/p/5264659.html
对于表格来说,当数据比较多的时候,我们无法一页一页的查找,这时可以通过一个搜索框来实现搜索。对于这个搜素框,我们为了更好的体验可以利用keyup事件实现在用户输入的时候就开始筛选,而不是填完以后点击搜索按钮再执行。 <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/><script src="jquery-1.3.2.min.js"></script><link href="css/style.css" rel="stylesheet" type="...
实现效果:源代码: $(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=...