代码如下: $(document).ready(function(){ $("#add,#edit").bind("click",function(){ $("p").slideToggle(); }); }); This is a paragraph. add edit JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中...
星级选择器,提交代码适用于评论等 没有用到js库,就是单独的js代码 代码如下: 代码如下: function __start(){ var initialize_width=0; if(document.getElelmentById){return false}; if(document.getElementsByTagName==null){return false;} var startLevelObj=document.getElementById("star_level") if(startLevelObj==null){return false;} initialize_width=parseInt(startLevelObj.getAttribute("star_width"),10); ...
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下: a{ margin-right:20px; } ol{ position:relative; width:600px; margin-left:400px; } dt{ margin:10px; height:100px; background-color:#EAEAEA; border:3px dotted orange; } .showMessage{ width:380px; float:left; background-color:#D8D8D8; border:1px dotted red; } $(document).ready(function(){ var subject = ""; var describe =...
根据多个属性选择E[attr=val][attr=val] $("div[title='ttt'][class='aaaa']").click()................ 所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素
代码如下: $(function(){ /* //$("html body div table.table_list tbody tr").not(":has(td a img[src*=tj.gif])").mouseover(function(){ $("html body div table.table_list tbody tr:not(:has(td a img[src*=tj.gif]))").mouseover(function(){ //alert($(this)[0].style.backgroundColor); $(this).css("backgroundColor","66CCFF");// "red" "#f8fbfd" $(this).mouseout(function(){ $(this).css("backgroundColor","");//$(...
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的,这个得靠实践和积累。 现在我们正式进入jQuery选择器的学习。我们将jQuery选择器进行分类学习,将jQuery选择器分为以下几种...
先写出DOM元素的HTML结构: 代码如下: /*高亮显示*/ .highlight{ background-color: gray } 代码如下:John ResignGeorge MartinMalcom John SinclairJ.OhnHas p一、:contains(text)选取含有文本内容为“text”的元素 代码如下:$("div:contains(John)").addClass("highlight"); //查找所有包含 "John" 的 div 元素二、:empty选取不含任何子元素或文本的空元素用chrome浏览器审查元素可发现div为empty 的clas...
代码如下: /*高亮显示*/ .highlight{ background-color: gray } 代码如下: Hello ID为test的DIV 足球 排球 篮球 其他 1. [attribute]用法定义:匹配包含给定属性的元素 代码如下:$("div[id]").addClass("highlight"); //查找所有含有ID属性的div元素2. [attribute=value]用法定义:匹配给定的属性是某个特定值的元素 代码如下:$("input[name=basketball]").attr("checked",true); //name属性值为...
代码如下: /*高亮显示*/ .highlight{ background-color: gray } 代码如下: 各省市行政区划 北京 上海 商丘 海淀 徐汇 睢阳 朝阳 闸北 梁园 昌平 黄埔 柘城 一、:first 代码如下:$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素二、:last() 代码如下:$("tr:last").addCla...
代码如下:$("ancestor descendant"):选取parent元素后所有的child元素$("parent > child"):选取parent元素后所有的直属child元素,何谓“直属”,也就是第一级的意思了$("prev + next"):prev和next是两个同级别的元素. 选中在prev元素后面的next元素$("prev ~ siblings"):选择prev后面的根据siblings过滤的元素。注:siblings是过滤器后两个用的比较少,一般会有其他选择器替代 代码如下:$("prev + next")等价于next()$("prev ~ ...
代码如下: $("#anaylseBody tr").find("td:eq(" + $("#analyse th:contains(" + $(this).val() + ")").index() + ")").hide(); ("#anaylseBody tr") find作为根基 代码如下: $("#anaylseBody tr td") 以最后的td作为根基 范围不一样
选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似。选择器具有如下特点:1.简化代码的编写2.隐式迭代3.无须判断对象是否存在其中“$”是选择器不可缺少的部分,在jQuery库中,$就是jQuery的一个简写形式,比如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的。如果没有特别说明,可以把程序中的$符号都理解为jQuery的简写形式。现在我们正式进入jQuery选择器的学习。根...
每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的,只是有没有执行到init的不同。 当我们使用选择器的时候$(selector,content),就会执行init(selectot,content),我们看看inti中是...
1.选择器 (1)通配符: 代码如下: $("input[id^=code]");//id属性以code开始的所有input标签 $("input[id$=code]");//id属性以code结束的所有input标签 $("input[id*=code]");//id属性包含code的所有input标签 (2)根据索引选择 代码如下: $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody tr:odd"); //选择索引为奇数的所有tr标签 (3)获得jqueryObj下一级节点的input个数 代码如下: jqueryObj.children("input").le...
今天照着jQuery手册学习,了解了选择器的使用,准备试试写个用户注册验证,没想到还没开始一个很小的问题把我难住了! 新人难免遇到很小的细节问题,在此文仅供自勉: 测试部分代码如下: 代码如下: function checkUser(){ //检查用户名的函数 alert("OK"); //测试。。。 } $(document).ready(function(){ $(":text :first").blur(function (){ //当失去焦点触发的事情 /**此处就是我折腾好久的地方。当然我想获得的是用户注册元...