$("a[href*='http://']:not([href*='"+location.hostname+"']),a[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
href 属性是以 http:// 或者 https:// 开始的,并且不包含当前域名(location.hostname)的链接(a)标签。这样我们就不会获取任何相对路径或者绝对连接中含有当前域名的内部连接。并且加上external样式改变a连接的打开方式
分享到:
相关推荐
总的来说,jQuery提供了一种简便的方式来处理外部链接在新窗口打开的需求,通过正则匹配和事件监听或属性修改,我们可以轻松地实现这一功能。在进行网页开发时,合理利用jQuery可以提高代码的可读性和效率,同时也能...
**jQuery插件ThickBox详解**...以上就是关于jQuery插件ThickBox在打开框架页时涉及的一些核心知识点。ThickBox具有高度的可定制性,可以根据项目需求进行各种调整和扩展,使得在网页设计中展示内容变得更加灵活和方便。
- 使用特定的HTML标记或链接来触发Facebox,例如:`<a href="your_content.html" rel="facebox">打开提示框</a>` - 在页面加载完成后初始化Facebox:`$(document).ready(function ($) { $.facebox.settings....
总之,动态更改`<a>`标签的`href`属性是一种常见的前端技术,它结合了JavaScript和jQuery的强大功能,使得网页能够灵活地响应用户交互和服务器数据。在C#和.NET框架中,你可以通过后端服务支持这种动态性。同时,...
<a href="#myPanel" data-rel="panel">打开面板</a> ``` 这里的 `href="#myPanel"` 指向面板的 ID,`data-rel="panel"` 告诉 jQuery Mobile 这是一个面板触发器。 3. **初始化**:在页面加载完成后,需要初始化 ...
【标题】:“超级简洁的jquery弹出式左右菜单”是一个基于jQuery实现的高效、轻量级的交互式菜单设计。这种菜单通常用于网页导航,它能够以弹出的形式展示子菜单,提供用户友好的交互体验。 【描述】:这个菜单系统...
总的来说,jQuery 的 ThickBox 插件为网页设计者提供了一种方便快捷的方式来实现高质量的弹出效果,不仅提升了用户体验,也减轻了开发者的负担。在实际项目中,掌握 ThickBox 的使用方法,能够使网页变得更加生动和...
它由CSDN博主a497785609分享,详细资料可以在链接(http://blog.csdn.net/a497785609/article/details/41680825)中获取。 首先,我们来看一下压缩包内的主要文件: 1. Whir.JqueryDemoTools.sln:这是一个Visual ...
总之,使用 jQuery 和 Thickbox 插件创建弹出窗口是一种高效且易于实现的方式,它允许开发者在不离开当前页面的情况下显示登录、注册或其他内容,同时避免了被浏览器拦截的问题。通过合理的 HTML 结构、CSS 样式和 ...
它利用jQuery库的强大功能,提供了一种优雅、可定制的方式来创建高质量的弹出窗口体验。这款插件的设计理念是简洁和高效,使得开发者可以轻松地在网站上实现丰富的交互效果。 **1. 插件安装与引入** 要使用jQuery ...
在标签中,“jquery新窗口打开链接”进一步强调了这个话题的核心,即使用 jQuery 的 API 来处理链接的打开方式。 以下是具体的 jQuery 代码实现: ```javascript $(document).on('click', 'a', function() { var ...
通常,我们会通过CDN(内容分发网络)链接来获取最新版本的jQuery库。在`<head>`标签内添加以下代码: ```html <script src="https://code.jquery.com/jquery-latest.min.js"></script> ``` ### 3. HTML结构 创建...
<a href="#side-panel" data-rel="panel">打开面板</a> 侧滑面板 这是面板内容。 ``` ### 5. 源码和工具 对于开发者来说,了解 jQuery Mobile 的源码可以帮助深入理解其工作原理,从而进行更高级的...
这里设置了弹出框的宽高、是否以Iframe方式打开,并自定义了链接的参数。 ### 示例应用 - 图片集:通过设置`rel`属性分组,可以创建一个图片集,用户可以使用箭头导航。 - 视频:将`iframe`设为`true`,并指定...
- `$("a[target=_blank]")`:选取所有目标链接在新窗口打开的`<a>`标签。 ### 2. 操作DOM元素 #### 获取和设置属性 - **获取和设置值**: - `$("#ID").val()`:获取表单元素的值。 - `$("#ID").val("new value...
- **触发下载**:创建一个隐藏的`<a>`标签,设置其`href`属性为之前创建的URL,`download`属性为文件名,然后模拟点击这个链接,触发下载。 4. **jQuery插件** - `jQuery.tableToExcel`:这是一个jQuery插件,...
jQuery UI 是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括下拉菜单(Dropdown Menu)。在Web开发中,下拉菜单常用于优化导航,节省页面空间,为用户提供更直观的操作方式。本文将深入探讨jQuery UI...
它将原始的图片链接替换为一个透明的覆盖层,当用户点击图片时,会在当前页面上打开一个全屏的视图,展示图片的放大版本。Lightbox的设计理念是简洁、优雅,且高度可定制。 **2. 工作原理** jQuery Lightbox的工作...
按钮通常包含一个图标,而菜单元素则包含一系列的链接或子菜单项。 ```html ☰ <li><a href="#">菜单项1</a> <li><a href="#">菜单项2</a> <li><a href="#">菜单项3</a> ``` 2. **CSS样式**:接下来,...