使用jQuery-Working with jQuery · 前端開發手冊

JxBrowser支持使用jQuery JavaScript庫的網頁，并允許執行調用jQuery的JavaScript代碼。例如： ``` import com.teamdev.jxbrowser.chromium.Browser; import com.teamdev.jxbrowser.chromium.events.FinishLoadingEvent; import com.teamdev.jxbrowser.chromium.events.LoadAdapter; import com.teamdev.jxbrowser.chromium.swing.BrowserView; import javax.swing.*; import java.awt.*; /** * The sample demonstrates how to execute JQuery code on the loaded * web page using JxBrowser API. */ public class JQuerySample { public static void main(String[] args) { Browser browser = new Browser(); BrowserView browserView = new BrowserView(browser); JFrame frame = new JFrame(); frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); frame.add(browserView, BorderLayout.CENTER); frame.setSize(800, 600); frame.setLocationRelativeTo(null); frame.setVisible(true); browser.addLoadListener(new LoadAdapter() { @Override public void onFinishLoadingFrame(FinishLoadingEvent event) { if (event.isMainFrame()) { // Hide all paragraphs using JQuery event.getBrowser().executeJavaScript("$('p').hide();"); } } }); // Load local *.html file that uses local JQuery jquery.min.js file. Path // to the local jquery.min.js file must be relative. browser.loadURL("jquery.html"); } } ``` 該 index.html的文件具有以下內容： ``` <!DOCTYPE html> <html> <head> <script src="jquery.min.js"></script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> ``` 請注意，此示例要求 jquery.min.js 文件位于 index.html 文件所在的同一目錄中