jquery | 易学教程

change underline of active nav by section

阅读更多关于 change underline of active nav by section

问题 So i had two problems but solved the first. The first was getting a nav bar to be sticky after a given div (or in this case the height of the div). Anyway the problem I have now is how can i get the nav links to be underlined or change color when on the active section. ie if I am on the first section the first link on the nav bar is underlined and when I scroll down the same happens for the respective links and sections. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs

百度地图 Javascript API 笔记

阅读更多关于百度地图 Javascript API 笔记

因为最近的一个项目用到，所以自己整理了一下遇到的一些坑自己写了一个类库来二次封装用于调起常用的功能： https://github.com/iRuxu/iBMap 快速文档链接 Javascript API v2.0 类参考 | 官方指南 | demo Web API URI API v2.0 1.1 Javascript API 首先自己调起百度地图的话，需在页面引入对应API文件，如使用2.0： < script type ="text/javascript" src ="http://api.map.baidu.com/api?v=2.0&ak=您的密钥" ></ script > {坑一} 在一些浏览器上不能异步加载，会被阻止，所以还是需要将api文件直接在页面中引入。 {坑二}官方demo中有些示例似乎失效的，例如地址解析方法已经不可用，会报错，需通过Web API来异步调取结果。内部的Point等构造方法，都是先lng经度后lat纬度。 {坑三} 接口方法的调用需要在页面文档就绪以后，且对其装载元素指定尺寸，否则会出现地图渲染错误。 1.2 Web API 基于此返回一些给javascript API及sdk使用的数据。 {坑四} 如进行正地理编码，值得注意的是，在使用jquery发起ajax请求时，必须指定data-type为jsonp，否则不能正常返回。

jquery 动态增加删除行

阅读更多关于 jquery 动态增加删除行

最近写程序，碰巧有动态增加删除行，下面就记录一下 html就不写了，也没有什么，直接上核心了新增行 function addRow(obj){ 　　//获得table一共有多少行，方便追加的时候给序号赋值 var length = $("#grid tr").length; 　　//获得当前是第几行，以便追加的时候，在该行下进行新增，我这里跨的级别比较多，根据实际层级去定义 var current = $(obj).parent().parent().parent().prevAll().length; // alert(current); 　　//这里主要定义需要追加的内容，当然要从tr开始，很简单，大家都会的 var addContent = ""; 　　//核心方法，gird是table的id，current是在第几行后插入，addContent就是要追加的内容了 addTr('grid',current,addContent); 　　//这里是重新排序，将序号从1到n重新排序，碰巧我的代码里第一个tr是不显示的，所以就不+1了 $("#grid tr").each(function(index){ if(index != 0){ $(this).children('td').eq(0).text(index); } }); } 好，下面我们看下addTr方法~

50道JavaScript基础面试题（附答案）

阅读更多关于 50道JavaScript基础面试题（附答案）

△ 是新朋友吗？记得先点 web前端学习圈关注我哦～ 1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol 2 说说写JavaScript的基本规范？ 1) 不要在同一行声明多个变量 2) 使用 ===或!==来比较true/false或者数值 3) switch必须带有default分支 4) 函数应该有返回值 5) for if else 必须使用大括号 6) 语句结束加分号 7) 命名要有意义，使用驼峰命名法 3 jQuery使用建议 1) 尽量减少对dom元素的访问和操作 2) 尽量避免给dom元素绑定多个相同类型的事件处理函数，可以将多个相同类型事件处理函数合并到一个处理函数，通过数据状态来处理分支 3) 尽量避免使用toggle事件 4 Ajax使用全称：Asynchronous Javascript And XML 所谓异步，就是向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情

jquery动态创建表格

阅读更多关于 jquery动态创建表格

注意！如果你要动态创建元素，例如表格的行，一定是 var $row = $("<tr></tr>"); 如果我们不幸的写成了 var $row = $("tr"); 那么这意味着获取页面上所有的tr元素，将和我们的初衷南辕北辙例子：利用jquery回调函数的查询结果生成动态表格 function gentblrow(myobject,keyword) { var $row = $("<tr></tr>" ); for ( var $i=0;$i<myobject.length;$i++ ) { $row.append($( "<td>"+myobject[$i].start+"</td>" )); console.log(myobject[$i].start); $row.append($( "<td>"+myobject[$i].end+"</td>" )); console.log(myobject[$i].end); $row.append($( "<td>"+myobject[$i].content+"</td>" )); console.log(myobject[$i].content); var objname = keyword; $( "#tbl_practise_exp").children("table").children("tbody" ).append(

jQuery动态添加和删除表格行

阅读更多关于 jQuery动态添加和删除表格行

<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < meta name = "author" content = " http://www.softwhy.com/ " /> < title >蚂蚁部落</ title > < script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js" ></ script > < script type = "text/javascript" > $(function(){ $("#addOneRow").click(function(){ var tempTr=$("tr:first").clone(true); $("tr:last").after(tempTr); $("tr:last > td > #name").val(""); $("tr:last > td > #address").val(""); }); $(".delOneRow").click(function() { if ($("tr").length < 2 ) { alert("至少保留一行!"); } else{ if (confirm("确认删除?")) { $(this).parent().parent()

WEB前端 CSS

阅读更多关于 WEB前端 CSS

本文转载于: 猿2048 网站 https://www.mk2048.com/blog/blog.php?id=bkka21j&title=WEB%E5%89%8D%E7%AB%AF+CSS 目录 WEB前端 CSS WEB前端 CSS TOC CSS简介 CSS引入方式 CSS结构 CSS选择器标签选择器类选择器 ID选择器通用选择器组合选择器后代子代毗邻弟弟分组选择器属性选择器伪类选择器伪元素选择器 CSS选择器的优先级 CSS声明 CSS非布局声明 CSS布局声明 CSS简介 CSS被用于同时控制多重页面的样式和布局样式很多；关键在于布局的耗时和难点通过CSS可以将html中的格式化都剥离出来。为什么说层叠呢？简单说就是：一个元素标签的样式css的来源，是可以有很多来源的。把每个来源点抽象看为一个层，每个来源层根据css的标准，是有不同的优先级的。优先级低的在底层，优先级高的在高层。这样层次堆叠就有了一个从上而下的堆叠模型，或者想象成一个装修材料层板堆叠在那里。每一层都可以给元素设置任何css属性，每一层之间可以有相同的属性。只是，相同的属性会根据层次的优先级进行覆盖。可以再次想象从上帝视角，垂直向下看，上层有的会遮挡下层有的，上层没有的就会看到下层有的。这就是将一个立体的看成一平面视角。这就是层叠的含义了。至于优先级，内联高于选择器

jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别

阅读更多关于 jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别

jQuery中有一个很关键的元素操作,他们的使用方法都一样,但是呈现的结果有所不同. <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < title > test </ title > < script src ="jquery.js" ></ script > </ head > < style > p { background-color : aquamarine ; } </ style > < body > < p id ="n1" > < span id ="n2" > span#n2 </ span > n1 </ p > < p id ="n3" > < label id ="n4" class ="move" > label#n4 </ label > n3 </ p > < p id ="n5" > < span id ="n6" > span#n6 </ span > n5 </ p > < p id ="n7" > < span id ="n8" > span#n8 </ span > n7 </ p > < p id ="n9" > < span id ="n10" > span#n10 </ span > n9 </ p > < p id ="n11" > <

JQuery之append和appendTo的区别

阅读更多关于 JQuery之append和appendTo的区别

JQuery之append和appendTo的区别 append()前面是要选择的对象，后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象实例： $('#a').append(' content '); $(' <div>content</div> ').appendTo($('#a')); 注意appendTo前面一定要是Jquery对象。 appendChild(Node)这个方法一般是在指定元素节点的最后一个子节点之后添加节点但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。 appendChild你可以理解为移动一个元素。如果想复制一份过去，要事先clone 来源： oschina 链接： https://my.oschina.net/u/170019/blog/341853

Onclick reload the div only

阅读更多关于 Onclick reload the div only

问题 $(window).load(function() { $("#Button").click(function() { alert('clicked') $("#div").load(" #div > *"); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <button id="Button" class="btn btn-warning">Refresh</button> <div class="col-md-3" id="div"> <div

订阅 jquery